:root {
  --a3s-bg: #f7f7f8;
  --a3s-panel: #fff;
  --a3s-panel-soft: #f2f3f5;
  --a3s-panel-strong: #e9ebef;
  --a3s-ink: #17181a;
  --a3s-muted: #71757d;
  --a3s-subtle: #8b9098;
  --a3s-faint: #a1a5ad;
  --a3s-line: #e2e4e8;
  --a3s-line-strong: #d3d6dc;
  --a3s-action: #242424;
  --a3s-action-hover: #111;
  --a3s-action-ink: #fff;
  --a3s-blue: #2864e8;
  --a3s-purple: #5420bd;
  --a3s-green: #14a675;
  --a3s-red: #d84b4f;
  --a3s-warning: #c97816;
  --a3s-shadow: 0 24px 64px #1418282e;
  --a3s-shadow-soft: 0 14px 36px #1418281f;
  --a3s-radius: 16px;
  --a3s-radius-sm: 9px;
  --a3s-overlay-radius: 10px;
  --a3s-overlay-border: var(--a3s-line-strong);
  --a3s-overlay-surface: color-mix(in srgb, var(--a3s-panel) 98%, transparent);
  --a3s-scrollbar-size: 10px;
  --a3s-scrollbar-track: transparent;
  --a3s-scrollbar-thumb: color-mix(in srgb, var(--a3s-muted) 38%, transparent);
  --a3s-scrollbar-thumb-hover: color-mix(in srgb,
    var(--a3s-muted) 58%,
    transparent);
  --a3s-ui-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

.a3s-office {
  color-scheme: light;
  background: var(--a3s-panel);
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  color: var(--a3s-ink);
  font-family: var(--a3s-ui-font);
  text-rendering: optimizelegibility;
  --a3s-bg: #f7f7f8;
  --a3s-panel: #fff;
  --a3s-panel-soft: #f2f3f5;
  --a3s-panel-strong: #e9ebef;
  --a3s-ink: #17181a;
  --a3s-muted: #71757d;
  --a3s-subtle: #8b9098;
  --a3s-faint: #a1a5ad;
  --a3s-line: #e2e4e8;
  --a3s-line-strong: #d3d6dc;
  --a3s-action: #242424;
  --a3s-action-hover: #111;
  --a3s-action-ink: #fff;
  --a3s-blue: #2864e8;
  --a3s-purple: #5420bd;
  --a3s-green: #14a675;
  --a3s-red: #d84b4f;
  --a3s-warning: #c97816;
  --a3s-shadow: 0 24px 64px #1418282e;
  --a3s-shadow-soft: 0 14px 36px #1418281f;
  --a3s-radius: 16px;
  --a3s-radius-sm: 9px;
  --a3s-ui-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 13px;
  line-height: 1.6;
  display: flex;
  overflow: hidden;
}

.a3s-office[data-theme="dark"] {
  color-scheme: dark;
  --a3s-bg: #101118;
  --a3s-panel: #171820;
  --a3s-panel-soft: #1e2028;
  --a3s-panel-strong: #282b35;
  --a3s-ink: #f2f3f5;
  --a3s-muted: #a4a8b2;
  --a3s-subtle: #8d929e;
  --a3s-faint: #727783;
  --a3s-line: #2a2d35;
  --a3s-line-strong: #3a3d48;
  --a3s-action: #f2f3f5;
  --a3s-action-hover: #fff;
  --a3s-action-ink: #17181a;
  --a3s-blue: #6ca3ff;
  --a3s-green: #3ccf91;
  --a3s-red: #f27777;
  --a3s-warning: #eda94c;
  --a3s-shadow: 0 22px 70px #00000059;
  --a3s-shadow-soft: 0 9px 30px #0000003d;
}

.a3s-office *, .a3s-office :before, .a3s-office :after {
  box-sizing: border-box;
}

.a3s-office button, .a3s-office input, .a3s-office textarea, .a3s-office select {
  font: inherit;
}

.a3s-office button {
  color: inherit;
}

:where(.a3s-office, .ds-dialog-backdrop, .ds-popover-portal-anchor), :where(.a3s-office, .ds-dialog-backdrop, .ds-popover-portal-anchor) :where(*) {
  scrollbar-color: var(--a3s-scrollbar-thumb) var(--a3s-scrollbar-track);
  scrollbar-width: thin;
}

:where(.a3s-office, .ds-dialog-backdrop, .ds-popover-portal-anchor) :where(*)::-webkit-scrollbar {
  width: var(--a3s-scrollbar-size);
  height: var(--a3s-scrollbar-size);
}

:where(.a3s-office, .ds-dialog-backdrop, .ds-popover-portal-anchor) :where(*)::-webkit-scrollbar-track {
  background: var(--a3s-scrollbar-track);
}

:where(.a3s-office, .ds-dialog-backdrop, .ds-popover-portal-anchor) :where(*)::-webkit-scrollbar-corner {
  background: var(--a3s-scrollbar-track);
}

:where(.a3s-office, .ds-dialog-backdrop, .ds-popover-portal-anchor) :where(*)::-webkit-scrollbar-thumb {
  min-width: var(--a3s-scrollbar-size);
  min-height: var(--a3s-scrollbar-size);
  background: var(--a3s-scrollbar-thumb);
  background-clip: content-box;
  border: 2px solid #0000;
  border-radius: 999px;
}

:where(.a3s-office, .ds-dialog-backdrop, .ds-popover-portal-anchor) :where(*)::-webkit-scrollbar-thumb:hover {
  background: var(--a3s-scrollbar-thumb-hover);
  background-clip: content-box;
}

.a3s-office :where(button, input, textarea, select, a):focus-visible {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 75%, white);
  outline-offset: 2px;
}

.a3s-office > :where(.work-document-editor, .work-markdown-editor, .work-spreadsheet-editor, .work-presentation-editor, .work-pdf-viewer) {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.a3s-office-empty {
  min-height: 180px;
  color: var(--a3s-muted);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 24px;
}

.a3s-office-vue-host {
  display: block;
}

a3s-document-editor, a3s-markdown-editor, a3s-spreadsheet-editor, a3s-presentation-editor, a3s-pdf-viewer {
  width: 100%;
  min-width: 0;
  min-height: 480px;
  display: block;
}

.a3s-office .sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.a3s-office .spin {
  animation: .9s linear infinite a3s-office-spin;
}

@keyframes a3s-office-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-color-scheme: dark) {
  .a3s-office[data-theme="system"] {
    color-scheme: dark;
    --a3s-bg: #101118;
    --a3s-panel: #171820;
    --a3s-panel-soft: #1e2028;
    --a3s-panel-strong: #282b35;
    --a3s-ink: #f2f3f5;
    --a3s-muted: #a4a8b2;
    --a3s-subtle: #8d929e;
    --a3s-faint: #727783;
    --a3s-line: #2a2d35;
    --a3s-line-strong: #3a3d48;
    --a3s-action: #f2f3f5;
    --a3s-action-hover: #fff;
    --a3s-action-ink: #17181a;
    --a3s-blue: #6ca3ff;
    --a3s-green: #3ccf91;
    --a3s-red: #f27777;
    --a3s-warning: #eda94c;
    --a3s-shadow: 0 22px 70px #00000059;
    --a3s-shadow-soft: 0 9px 30px #0000003d;
  }
}

.fortune-container {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
  display: flex;
  position: relative;
}

.fortune-workarea {
  width: 100%;
}

.fortune-popover-backdrop {
  z-index: 1003;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.fortune-modal-container {
  background: #ffffff80;
  justify-content: center;
  align-items: center;
  display: flex;
}

html::-webkit-scrollbar-button {
  display: none;
}

.fortune-stat-area {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.fortune-sheet-container {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.fortune-col-body {
  flex-direction: row;
  flex: 1;
  display: flex;
}

.fortune-sheet-area {
  flex: 1;
  position: relative;
}

.fortune-sheet-canvas-placeholder, .fortune-sheet-canvas {
  width: 100%;
  height: 100%;
  display: block;
}

.fortune-sheet-canvas {
  position: absolute;
}

.fortune-sheet-overlay {
  outline-style: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.fortune-cell-area {
  border-collapse: collapse;
  cursor: default;
  outline-style: none;
  position: relative;
  overflow: hidden;
}

.fortune-row-body {
  flex-direction: row;
  display: flex;
}

.fortune-row-header {
  color: #5e5e5e;
  cursor: default;
  outline-style: none;
  flex-shrink: 0;
  width: 45px;
  margin-top: -2px;
  padding: 2px 0 0;
  position: relative;
  overflow: hidden;
}

.fortune-row-header-hover {
  z-index: 11;
  background-color: #c2c2c266;
  border: 0;
  width: 100%;
  margin-top: 2px;
  display: none;
  position: absolute;
  right: 0;
}

.fortune-row-header-selected {
  z-index: 10;
  background-color: #4c4c4c1a;
  border-right: 1px solid #0188fb;
  width: 100%;
  margin-top: 2px;
  display: none;
  position: absolute;
  right: 0;
}

.fortune-col-header-wrap {
  flex-direction: row;
  display: flex;
}

.fortune-col-header {
  color: #5e5e5e;
  cursor: default;
  outline-style: none;
  flex: 1;
  height: 19px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.fortune-col-header-hover {
  color: #5e5e5e;
  cursor: default;
  z-index: 11;
  background-color: #c2c2c266;
  border: 0;
  height: 100%;
  margin-left: 0;
  display: none;
  position: absolute;
  bottom: 0;
}

.fortune-col-header-hover .header-arrow {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translate(0%, -44%);
}

.fortune-col-header-selected {
  color: #5e5e5e;
  cursor: default;
  z-index: 10;
  background-color: #4c4c4c1a;
  border-bottom: 1px solid #0188fb;
  height: 100%;
  margin-left: 0;
  display: none;
  position: absolute;
  bottom: 0;
}

.fortune-left-top {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-width: 0 1px 1px 0;
  width: 44.5px;
  height: 18.5px;
  padding-top: 0;
  padding-left: 0;
  position: relative;
}

.fortune-add-row-button {
  cursor: pointer;
  color: #262a33;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  outline: none;
  align-items: center;
  margin: 0 8px;
  padding: 1px 20px;
  font-size: 14px;
  line-height: 20px;
  display: inline-flex;
}

.luckysheet-cell-selected-focus {
  pointer-events: none;
  z-index: 14;
  background: #0050d026;
  margin: 0;
  display: none;
  position: absolute;
}

.fortune-selection-copy {
  pointer-events: none;
  z-index: 18;
  border: none;
  margin: 0;
  position: absolute;
}

.fortune-selection-copy .fortune-copy {
  z-index: 18;
  background-color: #0000;
  position: absolute;
}

.fortune-selection-highlight {
  z-index: 14;
  border: none;
  margin: 0;
  position: absolute;
}

.fortune-cell-selected-extend {
  pointer-events: none;
  z-index: 16;
  border: 1px dashed #0188fb;
  margin: -1px 0 0 -1px;
  display: none;
  position: absolute;
}

.fortune-cell-selected-move {
  cursor: move;
  z-index: 16;
  border: 2px solid #0188fb;
  margin: -1px 0 0 -1px;
  display: none;
  position: absolute;
}

.luckysheet-cell-selected {
  pointer-events: none;
  z-index: 15;
  box-sizing: content-box;
  background: #0188fb26;
  border: 1px solid #0188fb;
  margin: -1px 0 0 -1px;
  display: none;
  position: absolute;
}

.luckysheet-cs-inner-border {
  pointer-events: none;
  border: 1px solid #fff;
  position: absolute;
  inset: 0;
}

.luckysheet-cs-fillhandle {
  cursor: crosshair;
  z-index: 16;
  pointer-events: auto;
  background-color: #0188fb;
  border: 1px solid #fff;
  width: 6px;
  height: 6px;
  position: absolute;
  bottom: -5px;
  right: -5px;
}

.luckysheet-cs-draghandle {
  cursor: move;
  opacity: .01;
  z-index: 15;
  pointer-events: auto;
  background-color: #fff;
  border: 2px solid #fff;
  position: absolute;
}

.luckysheet-cs-draghandle-top {
  height: 2px;
  top: -4px;
  left: -2px;
  right: -2px;
}

.luckysheet-cs-draghandle-bottom {
  height: 2px;
  bottom: -4px;
  left: -2px;
  right: 0;
}

.luckysheet-cs-draghandle-left {
  width: 2px;
  top: 0;
  bottom: 0;
  left: -4px;
}

.luckysheet-cs-draghandle-right {
  width: 2px;
  top: 0;
  bottom: 0;
  right: -4px;
}

.luckysheet-cs-touchhandle {
  z-index: 100;
  pointer-events: auto;
  touch-action: auto;
  width: 16px;
  height: 16px;
  padding: 5px;
  display: none;
  position: absolute;
}

.luckysheet-cs-touchhandle:before {
  content: "";
  box-sizing: border-box;
  background-color: #fff;
  border: .5px solid #00000026;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: block;
}

.luckysheet-cs-touchhandle-lt {
  top: -13px;
  left: -13px;
}

.luckysheet-cs-touchhandle-lb {
  bottom: -13px;
  left: -13px;
}

.luckysheet-cs-touchhandle-rt {
  top: -13px;
  right: -13px;
}

.luckysheet-cs-touchhandle-rb {
  bottom: -13px;
  right: -13px;
}

.luckysheet-cs-touchhandle .luckysheet-cs-touchhandle-btn {
  box-sizing: border-box;
  z-index: 11;
  background-color: #018ffb;
  background-position: center;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.luckysheet-input-box {
  z-index: 15;
  flex-direction: column;
  font: 400 13px arial, sans, sans-serif;
  display: flex;
  position: absolute;
}

.luckysheet-input-box-inner {
  text-align: left;
  resize: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #5292f7;
  outline: none;
  max-width: 9900px;
  max-height: 9900px;
  margin: 0;
  padding: 0 2px;
  font: 400 13px arial, sans, sans-serif;
  right: auto;
  overflow: hidden auto;
  box-shadow: 0 2px 5px #0006;
}

.luckysheet-cell-input {
  cursor: text;
  white-space: pre-wrap;
  outline: none;
  width: 100%;
  margin: 0;
}

.luckysheet-formula-text-color {
  color: #000;
}

.luckysheet-formula-text-string {
  color: #228b22;
}

.luckysheet-cell-flow {
  touch-action: manipulation;
  border: 0;
  margin: 0;
  padding: 0;
  position: relative;
}

.luckysheet-cell-flow-clip {
  border-collapse: collapse;
  cursor: default;
  touch-action: manipulation;
  width: 5000000px;
  overflow: hidden;
}

.luckysheet-cell-flow-col {
  touch-action: manipulation;
  float: left;
  direction: ltr;
  border: 0;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.luckysheet-cell-sheettable {
  text-align: left;
  color: #000;
  font-size: 11pt;
  text-decoration: none;
  position: relative;
}

.luckysheet-bottom-controll-row {
  z-index: 1000;
  height: 30px;
  position: absolute;
  bottom: 38px;
  left: 0;
}

#luckysheet-bottom-add-row {
  margin-top: -2px;
  margin-right: 5px;
  padding: 5px 20px;
}

#luckysheet-bottom-add-row-input {
  width: 40px;
  min-width: 40px;
}

#luckysheet-bottom-return-top {
  margin-top: -2px;
  margin-left: 10px;
  padding: 5px 6px;
}

.luckysheet-cell-flow-column {
  height: inherit;
  width: inherit;
  z-index: 1;
  touch-action: manipulation;
  position: absolute;
  top: 0;
  left: 0;
}

.luckysheet-cell-flow-column-line {
  height: inherit;
  border-right: 1px solid #d4d4d4;
  position: absolute;
}

.luckysheet-cell-flow-row {
  text-align: left;
  height: inherit;
  width: inherit;
  z-index: 1;
  touch-action: manipulation;
  position: absolute;
  top: 0;
  left: 0;
}

.luckysheet-cell-flow-row-line {
  width: inherit;
  border-bottom: 1px solid #d4d4d4;
  position: absolute;
}

.fortune-cols-change-size, .fortune-rows-change-size, .fortune-change-size-line, .fortune-cols-freeze-handle, .fortune-rows-freeze-handle, .fortune-freeze-drag-line {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 12;
  position: absolute;
}

.fortune-cols-change-size {
  cursor: ew-resize;
  opacity: 0;
  background: #0188fb;
  width: 5px;
  height: 100%;
}

.fortune-rows-change-size {
  cursor: ns-resize;
  opacity: 0;
  background: #0188fb;
  width: 100%;
  height: 5px;
}

.fortune-change-size-line {
  z-index: 15;
  cursor: ew-resize;
  border-style: solid;
  border-color: #0188fb;
}

.fortune-cols-freeze-handle {
  cursor: grab;
  z-index: 20;
  background-color: #ddd;
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
}

.fortune-rows-freeze-handle {
  cursor: grab;
  z-index: 20;
  background-color: #ddd;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
}

.fortune-freeze-drag-line {
  z-index: 15;
  cursor: ew-resize;
  border-style: solid;
  border-color: #ccc;
}

.luckysheet-postil-dialog-move {
  pointer-events: none;
  margin: 0;
  padding: 0;
  position: absolute;
  inset: 0;
}

.luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item {
  pointer-events: all;
  cursor: move;
  position: absolute;
}

.luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-t {
  width: 100%;
  height: 3px;
  top: -4px;
  left: 0;
}

.luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-r {
  width: 3px;
  height: 100%;
  top: 0;
  right: -4px;
}

.luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-b {
  width: 100%;
  height: 3px;
  bottom: -4px;
  left: 0;
}

.luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item-l {
  width: 3px;
  height: 100%;
  top: 0;
  left: -4px;
}

.luckysheet-postil-show-active .luckysheet-postil-dialog-move .luckysheet-postil-dialog-move-item {
  border-color: #0188fb;
}

.luckysheet-postil-dialog-resize {
  pointer-events: none;
  margin: 0;
  padding: 0;
  position: absolute;
  inset: -2px;
}

.luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item {
  pointer-events: all;
  border: 1px solid #0188fb;
  width: 6px;
  height: 6px;
  position: absolute;
}

.luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item-lt {
  cursor: nw-resize;
  top: -6px;
  left: -6px;
}

.luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item-mt {
  cursor: n-resize;
  margin-left: -4px;
  top: -6px;
  left: 50%;
}

.luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item-lm {
  cursor: w-resize;
  margin-top: -4px;
  top: 50%;
  left: -6px;
}

.luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item-rm {
  cursor: e-resize;
  margin-top: -4px;
  top: 50%;
  right: -6px;
}

.luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item-rt {
  cursor: ne-resize;
  top: -6px;
  right: -6px;
}

.luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item-lb {
  cursor: sw-resize;
  bottom: -6px;
  left: -6px;
}

.luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item-mb {
  cursor: s-resize;
  margin-left: -4px;
  bottom: -6px;
  left: 50%;
}

.luckysheet-postil-dialog-resize .luckysheet-postil-dialog-resize-item-rb {
  cursor: se-resize;
  bottom: -6px;
  right: -6px;
}

.fortune-selection-copy-top {
  background-position: bottom;
  height: 2px;
  top: 0;
  left: 0;
  right: 0;
}

.fortune-selection-copy-right {
  width: 2px;
  top: 0;
  bottom: 0;
  right: 0;
}

.fortune-selection-copy-bottom {
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
}

.fortune-selection-copy-left {
  background-position: 100%;
  width: 2px;
  top: 0;
  bottom: 0;
  left: 0;
}

.fortune-selection-copy-hc {
  z-index: 8;
  border: 2px dashed #12a5ff;
  position: absolute;
  inset: 0;
}

.luckysheet-modal-dialog-resize {
  pointer-events: none;
  border: 2px solid #0188fb;
  margin: 0;
  padding: 0;
  position: absolute;
  inset: -2px;
}

.luckysheet-modal-dialog-resize-item {
  pointer-events: all;
  background: #fff;
  border: 2px solid #0188fb;
  border-radius: 6px;
  width: 6px;
  height: 6px;
  position: absolute;
}

.luckysheet-modal-dialog-resize-item-lt {
  cursor: se-resize;
  top: -6px;
  left: -6px;
}

.luckysheet-modal-dialog-resize-item-mt {
  cursor: s-resize;
  margin-left: -4px;
  top: -6px;
  left: 50%;
}

.luckysheet-modal-dialog-resize-item-rt {
  cursor: ne-resize;
  top: -6px;
  right: -6px;
}

.luckysheet-modal-dialog-resize-item-lm {
  cursor: w-resize;
  margin-top: -4px;
  top: 50%;
  left: -6px;
}

.luckysheet-modal-dialog-resize-item-rm {
  cursor: w-resize;
  margin-top: -4px;
  top: 50%;
  right: -6px;
}

.luckysheet-modal-dialog-resize-item-lb {
  cursor: ne-resize;
  bottom: -6px;
  left: -6px;
}

.luckysheet-modal-dialog-resize-item-mb {
  cursor: s-resize;
  margin-left: -4px;
  bottom: -6px;
  left: 50%;
}

.luckysheet-modal-dialog-resize-item-rb {
  cursor: se-resize;
  bottom: -6px;
  right: -6px;
}

.fortune-formula-functionrange-highlight .fortune-copy {
  z-index: 18;
  cursor: move;
  opacity: .9;
  box-sizing: content-box;
  background: #0188fb;
  position: absolute;
}

.fortune-formula-functionrange-highlight .fortune-selection-copy-top {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  top: -2px;
}

.fortune-formula-functionrange-highlight .fortune-selection-copy-right {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  right: -2px;
}

.fortune-formula-functionrange-highlight .fortune-selection-copy-bottom {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  bottom: -2px;
}

.fortune-formula-functionrange-highlight .fortune-selection-copy-left {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  left: -2px;
}

.fortune-formula-functionrange-highlight .fortune-selection-copy-hc {
  opacity: .03;
  z-index: initial;
  border: 2px solid #5e5e5e;
}

.fortune-selection-highlight-lt {
  cursor: se-resize;
  top: -3px;
  left: -3px;
}

.fortune-selection-highlight-rt {
  cursor: ne-resize;
  top: -3px;
  right: -3px;
}

.fortune-selection-highlight-lb {
  cursor: ne-resize;
  bottom: -3px;
  left: -3px;
}

.fortune-selection-highlight-rb {
  cursor: se-resize;
  bottom: -3px;
  right: -3px;
}

.fortune-formula-functionrange-highlight .luckysheet-highlight {
  z-index: 19;
  background: #0188fb;
  border: 1px solid #fff;
  width: 6px;
  height: 6px;
  position: absolute;
}

.fortune-presence-username {
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: content-box;
  color: #fff;
  padding: 2px 6px;
  font-size: 12px;
  position: absolute;
  left: -2px;
  overflow: hidden;
}

.fortune-presence-selection {
  opacity: .7;
  border-style: solid;
  border-width: 1px;
  position: absolute;
}

.luckysheet-filter-options {
  color: #897bff;
  cursor: pointer;
  z-index: 200;
  display: "block";
  background: #fff;
  border: 1px solid #897bff;
  border-radius: 3px;
  height: 15px;
  margin-left: 0;
  padding: 0 4px;
  font-size: 12px;
  position: absolute;
  top: 3px;
}

.luckysheet-filter-options:hover {
  color: #fff;
  background: #897bff;
  border: 1px solid #fff;
}

.luckysheet-filter-options-active {
  color: #fff;
  background: #897bff;
  border: 1px solid #897bff;
  padding: 0 1px;
}

.caret {
  border: 4px solid #0000;
  width: 0;
  height: 0;
  margin-top: 6px;
  display: inline-block;
}

.caret.down {
  border-top-color: #897bff;
}

.luckysheet-filter-options:hover .caret.down {
  border-top-color: #fff;
}

.luckysheet-filter-selected {
  background: #fff0;
}

#luckysheet-dataVerification-showHintBox {
  z-index: 1000;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 12px;
  display: none;
  position: absolute;
  box-shadow: 0 2px 4px #0003;
}

#luckysheet-dataVerification-dropdown-btn {
  z-index: 10;
  background-color: #fff;
  width: 20px;
  height: 20px;
  display: none;
  position: absolute;
  overflow: hidden;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.luckysheet-formula-search-c {
  color: #535353;
  z-index: 1003;
  background: #fff;
  border: 1px solid #0003;
  width: 300px;
  font-size: 12px;
  position: absolute;
  box-shadow: 0 2px 4px #0003;
}

.luckysheet-formula-search-c .luckysheet-formula-search-item {
  cursor: pointer;
  background: #fff;
  padding: 5px 10px;
}

.luckysheet-formula-search-c .luckysheet-formula-search-item .luckysheet-formula-search-detail {
  color: #444;
  display: none;
}

.luckysheet-formula-search-c .luckysheet-formula-search-item .luckysheet-formula-search-func {
  color: #222;
  font-size: 14px;
}

.luckysheet-formula-search-c .luckysheet-formula-search-item-active {
  background: #f5f5f5;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  display: block;
}

.luckysheet-formula-search-c .luckysheet-formula-search-item-active .luckysheet-formula-search-detail {
  display: block;
}

.luckysheet-formula-help-c {
  color: #535353;
  z-index: 1003;
  background: #fff;
  border: 1px solid #0003;
  width: 300px;
  font-size: 12px;
  position: absolute;
  box-shadow: 0 2px 4px #0003;
}

.luckysheet-formula-help-c .luckysheet-formula-help-content {
  max-height: 300px;
  overflow-y: scroll;
}

.luckysheet-formula-help-content-example {
  margin-top: 5px;
}

.luckysheet-formula-help-title {
  background: #f5f5f5;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 2px 10px;
  font-size: 14px;
  display: block;
}

.luckysheet-formula-help-title-formula {
  word-break: break-word;
  width: 250px;
}

.luckysheet-arguments-help-section {
  color: #222;
  margin-top: 5px;
  margin-bottom: 5px;
}

.luckysheet-arguments-help-section-title {
  color: #666;
  padding: 1px 10px;
}

.luckysheet-arguments-help-parameter-content {
  word-wrap: break-word;
  padding: 1px 10px;
  display: inline-block;
}

.luckysheet-arguments-help-formula {
  padding: 1px 10px;
  font-size: 14px;
}

.luckysheet-arguments-help-parameter-active {
  background-color: #fff9b2;
}

.luckysheet-formula-help-collapse {
  cursor: pointer;
  color: #bbb;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 25px;
}

.luckysheet-formula-help-close {
  cursor: pointer;
  color: #bbb;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 5px;
}

.luckysheet-formula-help-close:hover, .luckysheet-formula-help-collapse:hover {
  color: #555;
}

.luckysheet-scrollbar-ltr {
  z-index: 1003;
  position: absolute;
  overflow: hidden;
}

.luckysheet-scrollbar-ltr div {
  width: 1px;
  height: 1px;
}

.luckysheet-scrollbar-x {
  bottom: 0;
  overflow-x: scroll;
}

.luckysheet-scrollbar-y {
  top: 0;
  right: 0;
  overflow-y: scroll;
}

.luckysheet-scrollbar-ltr::-webkit-scrollbar {
  background-color: #0000;
  width: 8px;
  height: 8px;
}

.luckysheet-scrollbar-ltr::-webkit-scrollbar-track {
  background-color: #0000;
}

.luckysheet-scrollbar-ltr::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
}

.luckysheet-scrollbar-ltr::-webkit-scrollbar-button {
  display: none;
}

.fortune-dialog {
  box-sizing: border-box;
  background: #fff;
  border-radius: 6px;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  box-shadow: 5px 5px 30px #0000001a;
}

.fortune-dialog-box-button-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.fortune-dialog-box-content {
  padding: 0 25px;
}

.fortune-dialog-box-button-container {
  padding-top: 10px;
  padding-bottom: 20px;
}

.fortune-message-box-button {
  cursor: pointer;
  border: none;
  border-radius: 4px;
  outline: none;
  align-items: center;
  margin: 0 8px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
  display: inline-flex;
}

.fortune-message-box-button.button-default {
  color: #262a33;
  background-color: #fff;
  border: 1px solid #ebebeb;
}

.fortune-message-box-button.button-primary {
  color: #fff;
  background-color: #0188fb;
}

.fortune-modal-dialog-header {
  outline: 0;
  justify-content: flex-end;
  display: flex;
}

.fortune-modal-dialog-icon-close {
  color: #d4d4d4;
  opacity: .3;
}

.fortune-modal-dialog-icon-close:hover {
  opacity: .7;
}

#fortune-search-replace {
  z-index: 1002;
  padding: 30px 42px;
  position: absolute;
}

#fortune-search-replace .icon-close {
  position: absolute;
  top: 3px;
  right: 3px;
}

#fortune-search-replace .tabBox {
  margin-top: 10px;
  font-size: 0;
}

#fortune-search-replace .tabBox span {
  text-align: center;
  border: 1px solid #ebebeb;
  width: 100px;
  font-size: 14px;
  line-height: 2;
  display: inline-block;
}

#fortune-search-replace .tabBox span.on {
  color: #fff;
  background-color: #8c89fe;
  border-color: #726efe;
}

#fortune-search-replace .ctBox {
  border: 1px solid #ebebeb;
  min-width: 500px;
  padding: 5px 10px;
  font-size: 14px;
}

#fortune-search-replace .ctBox .row {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

#fortune-search-replace .inputBox {
  height: 90px;
  position: relative;
}

#fortune-search-replace .inputBox .textboxs {
  height: 30px;
  line-height: 30px;
}

#fortune-search-replace .checkboxs {
  height: 90px;
}

#fortune-search-replace .checkboxs div {
  height: 30px;
  line-height: 30px;
}

#fortune-search-replace .checkboxs input[type="checkbox"] {
  float: left;
  margin-top: 9px;
}

#fortune-search-replace .btnBox {
  margin-top: 10px;
}

#fortune-search-replace .btnBox .button-default {
  margin-left: 0;
  margin-right: 8px;
}

#fortune-search-replace .close-button {
  margin-top: 10px;
  margin-left: 0;
}

#fortune-search-replace #searchAllbox {
  border: 1px solid #d4d4d4;
  height: 210px;
  margin-top: 10px;
  position: relative;
  overflow-y: auto;
}

#fortune-search-replace #searchAllbox .boxTitle {
  box-sizing: border-box;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  width: 100%;
  height: 30px;
  padding: 0 5px;
  line-height: 29px;
  position: sticky;
  top: 0;
  left: 0;
}

#fortune-search-replace #searchAllbox .boxTitle span {
  text-align: center;
  display: inline-block;
}

#fortune-search-replace #searchAllbox .boxTitle span:first-of-type, #fortune-search-replace #searchAllbox .boxTitle span:nth-of-type(2) {
  width: 25%;
}

#fortune-search-replace #searchAllbox .boxTitle span:nth-of-type(3) {
  width: 50%;
}

#fortune-search-replace #searchAllbox .boxMain .boxItem {
  box-sizing: border-box;
  border-bottom: 1px solid #d4d4d4;
  height: 30px;
  padding: 0 5px;
  line-height: 29px;
}

#fortune-search-replace #searchAllbox .boxMain .boxItem.on {
  color: #fff;
  background-color: #8c89fe;
}

#fortune-search-replace #searchAllbox .boxMain .boxItem span {
  text-align: center;
  float: left;
  display: block;
}

#fortune-search-replace #searchAllbox .boxMain .boxItem span:first-of-type, #fortune-search-replace #searchAllbox .boxMain .boxItem span:nth-of-type(2) {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 25%;
  overflow: hidden;
}

#fortune-search-replace #searchAllbox .boxMain .boxItem span:nth-of-type(3) {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
  overflow: hidden;
}

.fortune-link-modify-modal {
  z-index: 300;
  background-color: #fff;
  border: .5px solid #e5e5e5;
  border-radius: 6px;
  padding: 6px 20px 10px;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 2px 6px #00000029;
}

.fortune-link-modify-modal.link-toolbar {
  flex-direction: row;
  align-items: center;
  padding: 2px 8px 2px 16px;
  display: flex;
}

.fortune-link-modify-modal .link-content {
  margin-right: 6px;
}

.fortune-link-modify-modal .link-content:hover {
  color: #2674fb;
  cursor: pointer;
}

.fortune-link-modify-modal .divider {
  background-color: #e0e0e0;
  flex-shrink: 0;
  width: 1px;
  height: 16px;
  margin: 0 6px;
}

.fortune-link-modify-modal .fortune-toolbar-button {
  padding: 6px;
}

.fortune-link-modify-modal .fortune-toolbar-button:hover {
  cursor: pointer;
  background-color: #0000000f;
}

.fortune-link-modify-modal.range-selection-modal {
  -webkit-user-select: auto;
  user-select: auto;
  background-color: #fff;
  width: 380px;
  padding: 22px;
}

.fortune-link-modify-line {
  padding-top: 10px;
}

.fortune-link-modify-title {
  color: #333;
  width: 74px;
  height: 16px;
  margin-right: 6px;
  padding: 7px 0;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
}

.fortune-link-modify-input, .fortune-link-modify-select {
  box-sizing: border-box;
  -webkit-user-select: auto;
  user-select: auto;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  outline: none;
  width: 232px;
  height: 26px;
  padding: 1px 8px;
  font-size: 12px;
}

.fortune-link-modify-input:focus, .fortune-link-modify-modal .range-selection-input:focus {
  border-color: #4d90fe;
}

.fortune-link-modify-input.error-input, .fortune-link-modify-modal .range-selection-input.error-input {
  border: 1px solid #ef4e2f !important;
}

.fortune-link-modify-cell-selector {
  cursor: pointer;
  appearance: none;
  border: none;
  width: 20px;
  padding: 4px;
  display: inline-block;
  position: absolute;
  right: 24px;
}

.fortune-link-modify-modal .modal-title {
  color: #000000e0;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.fortune-link-modify-modal .range-selection-input {
  box-sizing: border-box;
  appearance: none;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 7px 11px;
  font-size: 14px;
  display: block;
}

.fortune-link-modify-modal .modal-icon-close {
  cursor: pointer;
  position: absolute;
  top: 22px;
  right: 22px;
}

.fortune-link-modify-modal .validation-input-tip {
  color: #ef4e2f;
  height: 17px;
  margin: 3px 0;
  font-size: 12px;
}

.fortune-link-modify-modal .button-group {
  display: flex;
}

.fortune-link-modify-modal .modal-footer {
  justify-content: flex-end;
  padding: 0 0 5px;
  display: flex;
}

.fortune-link-modify-modal.range-selection-modal .modal-footer {
  padding: 0;
}

.fortune-link-modify-modal .button-basic {
  cursor: pointer;
  border-radius: 4px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 32px;
  padding: 0;
  font-size: 14px;
  display: flex;
}

.fortune-link-modify-modal .button-default {
  color: #262a33;
  background-color: #fff;
  border: 1px solid #ebebeb;
}

.fortune-link-modify-modal .button-primary {
  color: #fff;
  background-color: #0188fb;
  margin-left: 14px;
}

#fortune-data-verification {
  -webkit-user-select: none;
  user-select: none;
  min-width: 500px;
  padding: 10px 0;
}

#fortune-data-verification .title {
  font-size: 16px;
}

#fortune-data-verification .box {
  font-size: 14px;
}

#fortune-data-verification .box .box-item {
  border-bottom: 1px solid #e1e4e8;
  padding: 10px;
}

#fortune-data-verification .box .box-item .box-item-title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

#fortune-data-verification .box .box-item .data-verification-range {
  border: 1px solid #d4d4d4;
  width: 100%;
  height: 30px;
}

#fortune-data-verification .box .box-item .show-box-item {
  margin-top: 6px;
  font-size: 12px;
}

#fortune-data-verification .box .box-item .show-box-item .check-box {
  height: 30px;
  margin-bottom: 10px;
  line-height: 30px;
}

#fortune-data-verification .box .box-item .show-box-item .check-box input {
  box-sizing: border-box;
  border: 1px solid #d4d4d4;
  height: 30px;
  padding: 0 10px;
}

#fortune-data-verification .input-box input {
  box-sizing: border-box;
  border: 1px solid #d4d4d4;
  height: 30px;
  margin-top: 6px;
  padding: 4px 10px;
}

#fortune-data-verification .input-box span {
  margin: 0 16px;
}

.data-verification-range .formulaInputFocus {
  width: calc(100% - 30px);
  height: 30px;
  padding: 0 10px px;
  float: left;
  box-sizing: border-box;
  border: none;
  outline-style: none;
}

.data-verification-range .icon {
  float: right;
  cursor: pointer;
  margin-top: 4px;
  margin-right: 5px;
}

#fortune-data-verification .box .box-item .data-verification-type-select {
  border-color: #d4d4d4;
  outline-style: none;
  width: 100%;
  height: 30px;
}

#fortune-data-verification .box .box-item .check {
  font-size: 12px;
  line-height: 24px;
}

#fortune-data-verification .box .box-item .check input {
  vertical-align: text-top;
}

#fortune-data-verification .button-basic {
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 2px;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  display: inline-block;
}

#fortune-data-verification .button-primary {
  color: #fff;
  background: #0188fb;
  border: 1px solid #0188fb;
  margin-right: 10px;
}

#fortune-data-verification .button-close {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-right: 10px;
}

#range-dialog {
  color: #000;
  z-index: 100003;
  -webkit-user-select: none;
  user-select: none;
  background: #fff padding-box padding-box;
  border: 1px solid #0005;
  outline: 0;
  padding: 30px 42px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -90%);
  box-shadow: 0 4px 16px #0003;
}

#range-dialog .dialog-title {
  color: #000;
  cursor: default;
  background-color: #fff;
  margin: 0 0 16px;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
}

#range-dialog input {
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #d4d4d4;
  outline-style: none;
  height: 30px;
  padding: 0 10px;
}

#range-dialog .button-primary {
  color: #fff;
  background: #0188fb;
  border: 1px solid #0188fb;
  margin-right: 10px;
}

#range-dialog .button-close {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-right: 10px;
}

#luckysheet-dataVerification-dropdown-List {
  z-index: 10000;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 12px;
  position: absolute;
  box-shadow: 0 2px 4px #0003;
}

#luckysheet-dataVerification-dropdown-List .dropdown-List-item {
  box-sizing: border-box;
  cursor: pointer;
  padding: 5px 10px;
}

#luckysheet-dataVerification-dropdown-List .dropdown-List-item:hover {
  background-color: #e1e1e1;
}

.condition-format-sub-menu {
  cursor: default;
  z-index: 1004;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border: 1px solid #0003;
  outline: none;
  font-size: 12px;
  position: absolute;
  top: -8px;
  box-shadow: 0 2px 4px #0003;
}

.condition-format-item {
  z-index: 1005;
  justify-content: space-between;
  padding: 6px 18px;
  display: flex;
}

.condition-format-item:hover {
  background: #efefef;
}

.condition-format-item span {
  color: #afafaf;
  font-size: 10px;
}

.horizontal-line {
  border-top: 1px solid #ebebeb;
  margin-top: 6px;
  margin-bottom: 6px;
}

.condition-rules .button-basic {
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 2px;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  display: inline-block;
}

.condition-rules .button-primary {
  color: #fff;
  background: #0188fb;
  border: 1px solid #0188fb;
  margin-right: 10px;
}

.condition-rules .button-close {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
}

.condition-rules {
  padding: 0 42px 34px;
  font-size: 12px;
}

.condition-rules-title {
  color: #000;
  cursor: default;
  margin-bottom: 18px;
  font-size: 16px;
}

.conditin-rules-value {
  margin: 5px 0;
  font-weight: 600;
}

.condition-rules-inpbox {
  border: 1px solid #d4d4d4;
  width: 198px;
  height: 28px;
}

.condition-rules-input {
  float: left;
  border: none;
  outline-style: none;
  width: 150px;
  height: 28px;
  padding: 0 10px;
}

.condition-relues-inputicon {
  float: right;
  cursor: pointer;
  margin-top: 2px;
  margin-right: 5px;
}

.condition-rules-set-title {
  margin: 6px 0;
}

.condition-rules-setbox {
  border: 1px solid #d4d4d4;
}

.condition-rules-set {
  padding: 5px 10px;
}

.condition-rules-color {
  height: 30px;
  line-height: 30px;
  position: relative;
}

.condition-rules-check {
  float: left;
  margin-top: 10px;
}

.condition-rules-label {
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  display: inline-block;
}

.condition-rules-select-color {
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  padding: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(20%, -50%);
}

.condition-rules-between-box {
  align-items: center;
  display: flex;
}

.condition-rules-between-inpbox {
  border: 1px solid #d4d4d4;
  width: 108px;
  height: 28px;
}

.condition-rules-between-input {
  float: left;
  border: none;
  outline-style: none;
  width: 60px;
  height: 28px;
  padding: 0 10px;
}

.condition-rules-date {
  border: none;
  width: 98%;
  line-height: 26px;
}

.condition-rules-select {
  width: 150px;
  height: 30px;
}

.condition-rules-project-box {
  align-items: center;
  display: flex;
}

.condition-rules-project-input {
  margin: 0 6px;
}

.fortune-toolbar {
  white-space: nowrap;
  background: #fafafc;
  border-bottom: 1px solid #d4d4d4;
  flex-direction: row;
  align-items: center;
  padding: 5px 0 3px 15px;
  display: flex;
  position: relative;
}

.fortune-toolbar-divider {
  background-color: #e0e0e0;
  flex-shrink: 0;
  width: 1px;
  height: 20px;
  margin: 0 6px;
}

.fortune-toolbar-menu-line {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.fortune-toolbar-menu-divider {
  width: "100%";
  background-color: #e0e0e0;
  height: 1px;
  margin: 2px 6px;
}

.fortune-toolbar-button, .fortune-toolbar-combo {
  -webkit-user-select: none;
  user-select: none;
  background: 0;
  border-radius: 4px;
  outline: none;
  align-items: center;
  margin: 2px 4px;
  padding: 2px;
  text-decoration: none;
  list-style: none;
  display: flex;
}

.fortune-toolbar-combo-button, .fortune-toolbar-combo-arrow {
  align-items: center;
  display: flex;
}

.fortune-toolbar-button:hover, .fortune-toolbar-combo:hover, .fortune-toolbar-combo-arrow:hover {
  cursor: pointer;
  background-color: #0000000f;
}

.fortune-toolbar-button:active, .fortune-toolbar-combo:active {
  cursor: pointer;
  background-color: #0000001f;
}

.fortune-toobar-combo-container {
  position: relative;
}

.fortune-toolbar-combo-popup {
  white-space: nowrap;
  z-index: 1004;
  position: absolute;
  top: 32px;
  left: 0;
}

.fortune-toolbar-select, .fortune-toolbar-color-picker {
  background: #fff;
  border-radius: 6px;
  padding: 10px;
  box-shadow: 2px 2px 10px #0003;
}

.fortune-toolbar-select {
  max-height: 75vh;
  padding-left: 0;
  padding-right: 0;
  overflow: auto;
}

.fortune-toolbar-combo-button {
  font-size: 12px;
}

.fortune-toolbar-select-option {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  min-width: 60px;
  padding: 8px 12px;
  font-size: 12px;
}

.fortune-toolbar-select-option:hover {
  background: #efefef;
}

.fortune-toolbar-select::-webkit-scrollbar {
  display: none;
}

.fortune-toolbar-color-picker-row {
  flex-direction: row;
  display: flex;
}

.fortune-toolbar-combo-text {
  margin: 0 4px;
}

.fortune-toolbar-color-picker-item {
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin: 1px;
}

.fortune-tooltip {
  visibility: hidden;
  color: #fff;
  text-align: center;
  z-index: 25;
  white-space: nowrap;
  background-color: #666;
  border-radius: 2px;
  padding: 6px;
  font-size: 12px;
  position: absolute;
  top: 40px;
}

.fortune-toolbar-button:hover .fortune-tooltip, .fortune-toolbar-combo:hover .fortune-tooltip {
  visibility: visible;
}

.fortune-toolbar-more-container {
  z-index: 1002;
  background: #fff;
  flex-flow: wrap;
  align-self: flex-end;
  align-items: center;
  max-width: 348px;
  margin-right: 40px;
  display: flex;
  position: absolute;
  top: 40px;
  box-shadow: 2px 2px 10px #0003;
}

.fortune-toolbar-subtext {
  -o-transition: all .218s;
  text-align: right;
  opacity: .5;
  filter: alpha(opacity=50);
  color: #000;
  -webkit-user-select: none;
  user-select: none;
  padding-top: 1px;
  padding-left: 24px;
  font-family: Arial;
  font-size: 12px;
  line-height: 100%;
  transition: all .218s;
  left: auto;
}

.toolbar-item-sub-menu {
  cursor: default;
  z-index: 1004;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border: 1px solid #0003;
  border-radius: 6px;
  outline: none;
  font-size: 12px;
  position: absolute;
  box-shadow: 0 2px 4px #0003;
}

#fortune-custom-color {
  background: #f0f0f0;
  border: 1px solid #0003;
  border-radius: 6px;
  min-width: 164px;
  font-size: 12px;
  box-shadow: 0 2px 4px #0003;
}

#fortune-custom-color .color-reset {
  color: #333;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border-radius: 6px;
  padding: 10px 24px 10px 8px;
  list-style: none;
  position: relative;
}

#fortune-custom-color .color-reset:hover {
  background: #e6e6e6;
}

#fortune-custom-color .custom-color {
  background: #fff;
  border-radius: 6px;
  justify-content: space-around;
  align-items: center;
  margin: 1px 0;
  padding: 10px;
  display: flex;
  position: relative;
}

.fortune-border-select-menu {
  position: absolute;
  bottom: 0;
}

.fortune-border-color-preview {
  height: 3px;
}

.fortune-border-select-option {
  min-width: 60px;
  height: 24px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 24px;
}

.fortune-border-select-option:hover {
  cursor: pointer;
  background: #efefef;
}

.fortune-border-style-preview {
  height: 3px;
  overflow: hidden;
}

.fortune-border-style-picker-menu {
  padding: 0 10px;
}

.fortune-border-style-picker-menu:hover {
  cursor: pointer;
  background: #efefef;
}

#luckysheet-search-formula {
  font-size: 12px;
}

#luckysheet-search-formula .inpbox {
  margin-bottom: 5px;
}

#luckysheet-search-formula .inpbox div {
  margin-bottom: 5px;
  display: block;
}

#luckysheet-search-formula .inpbox input {
  box-sizing: border-box;
  border: 1px solid #d4d4d4;
  width: 100%;
  height: 24px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 24px;
}

#luckysheet-search-formula .selbox {
  margin-bottom: 5px;
}

#luckysheet-search-formula .selbox select {
  box-sizing: border-box;
  border: 1px solid #d4d4d4;
  width: 50%;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
}

#luckysheet-search-formula .listbox label {
  margin-bottom: 5px;
  display: block;
}

#formulaTypeList, .formulaList {
  border: 1px solid #d4d4d4;
  width: 300px;
  height: 170px;
  overflow-y: scroll;
}

.listBox {
  border-bottom: 1px solid #d4d4d4;
  padding: 5px;
}

.listBox.on {
  color: #fff;
  background-color: #8c89fe;
}

#fortune-split-column {
  min-width: 500px;
}

#fortune-split-column label {
  -webkit-user-select: none;
  user-select: none;
}

#fortune-split-column .title {
  font-size: 16px;
}

#fortune-split-column .splitDelimiters {
  margin-top: 10px;
}

#fortune-split-column .splitSymbols {
  border: 1px solid #dfdfdf;
  margin: 5px 0;
  padding: 5px;
  position: relative;
}

#fortune-split-column .splitSymbol {
  font-size: 14px;
}

#fortune-split-column .splitSimple {
  position: absolute;
  top: 114px;
  left: 0;
}

#fortune-split-column #otherValue {
  width: 50px;
  margin-left: 5px;
  padding: 0 5px;
}

#fortune-split-column .splitDataPreview {
  margin-top: 26px;
  font-size: 14px;
}

#fortune-split-column .splitColumnData {
  border: 1px solid #dfdfdf;
  height: 100px;
  margin: 5px 0;
  padding: 5px;
  overflow-y: scroll;
}

#fortune-split-column .button-basic {
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 2px;
  margin-bottom: 0;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  display: inline-block;
}

#fortune-split-column .button-primary {
  color: #fff;
  background: #0188fb;
  border: 1px solid #0188fb;
  margin-right: 10px;
}

#fortune-split-column .button-close {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
}

#fortune-split-column table {
  border-collapse: collapse;
}

#fortune-split-column tr {
  vertical-align: inherit;
  border-color: inherit;
  display: table-row;
}

#fortune-split-column td {
  vertical-align: inherit;
  border: 1px solid #333;
  display: table-cell;
}

label {
  cursor: default;
}

#fortune-location-condition {
  min-width: 500px;
}

#fortune-location-condition .title {
  color: #000;
  cursor: default;
  background-color: #fff;
  font-size: 16px;
  font-weight: normal;
  line-height: 48px;
}

#fortune-location-condition .listbox {
  color: #000;
  border: 1px solid #dfdfdf;
  padding: 10px;
  font-size: 14px;
}

#fortune-location-condition .listbox .listItem {
  padding: 5px 0;
}

#fortune-location-condition .listbox .listItem input[type="radio"] {
  float: left;
  margin-top: 5px;
}

#fortune-location-condition .listItem {
  padding: 5px 0;
}

#fortune-location-condition .listItem .subItem {
  height: 30px;
  padding: 0 10px;
  display: block;
}

#fortune-location-condition input[type="radio"] {
  float: left;
  margin-top: 3px;
}

#fortune-location-condition .listbox .listItem .subbox {
  height: 30px;
  padding: 0 10px;
}

#fortune-location-condition .listbox .listItem .subbox .subItem {
  float: left;
  margin-right: 5px;
}

#fortune-location-condition .button-basic {
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 2px;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  display: inline-block;
}

#fortune-location-condition .button-primary {
  color: #fff;
  background: #0188fb;
  border: 1px solid #0188fb;
  margin-right: 10px;
}

#fortune-location-condition .button-close {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
}

.listBox {
  justify-content: space-between;
  display: flex;
}

.inpbox {
  margin-bottom: 10px;
}

.decimal-places-input {
  width: 70px;
}

.format-list {
  border: 1px solid #d4d4d4;
  width: 300px;
  height: 170px;
  overflow-y: scroll;
}

.fortune-fx-editor {
  border-bottom: 1px solid #d4d4d4;
  flex-direction: row;
  height: 28px;
  display: flex;
}

.fortune-fx-icon {
  align-items: center;
  margin: 0 12px;
  display: flex;
}

.fortune-name-box-container {
  border-right: 1px solid #d4d4d4;
  align-items: center;
  width: 99px;
  font-size: 14px;
  display: flex;
}

.fortune-name-box {
  text-align: center;
  cursor: text;
  white-space: nowrap;
  word-wrap: break-word;
  -webkit-nbsp-mode: space;
  -webkit-line-break: after-white-space;
  background-color: #fff;
  outline: none;
  width: 100%;
  margin: 0;
  overflow: hidden;
  -webkit-transform: translateZ(0);
}

.fortune-fx-input-container {
  border-left: 1px solid #e5e5e5;
  flex: 1;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.fortune-fx-input {
  cursor: text;
  white-space: pre-wrap;
  word-wrap: break-word;
  -webkit-nbsp-mode: space;
  -webkit-line-break: after-white-space;
  box-sizing: border-box;
  color: #000;
  text-align: left;
  background-color: #fff;
  outline: none;
  flex: 1;
  height: 100%;
  margin: 0;
  padding-top: 7px;
  padding-left: 2px;
  font-size: 14px;
  line-height: 14px;
  overflow-y: scroll;
  -webkit-transform: translateZ(0);
}

.fortune-fx-input[contenteditable="true"] {
  -webkit-user-modify: read-write-plaintext-only;
}

.luckysheet-sheet-area {
  box-sizing: border-box;
  color: #444;
  -webkit-touch-callout: none;
  cursor: default;
  background-color: #fafafc;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 31px;
  margin: 0;
  padding: 0 30px 0 44px;
  transition: all .3s;
  display: flex;
  position: relative;
}

#luckysheet-sheet-content {
  flex: 3;
  align-items: center;
  width: 0;
  display: flex;
}

#luckysheet-bottom-pager {
  z-index: 1;
  text-align: right;
  white-space: nowrap;
  background-color: #fafafc;
  flex: 2;
  width: 0;
}

.luckysheet-sheet-area > div, .luckysheet-sheet-area .luckysheet-sheets-item {
  display: inline-block;
}

.fortune-sheettab-container {
  vertical-align: bottom;
  max-width: 54%;
  margin-left: 0;
  padding: 0;
  display: inline-block;
  position: relative;
}

.fortune-sheettab-container .boundary {
  z-index: 1;
  background: #fff;
  width: 6px;
  height: 100%;
  position: absolute;
  top: 0;
}

.fortune-sheettab-container .boundary-left {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #4445;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, #8880);
  left: 0;
}

.fortune-sheettab-container .boundary-right {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
  --tw-gradient-from: #4445;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, #8880);
  right: 0;
}

.fortune-sheettab-container .fortune-sheettab-container-c {
  white-space: nowrap;
  vertical-align: bottom;
  max-width: 100%;
  margin-left: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.luckysheet-sheet-container-menu-hide .luckysheet-sheets-item {
  padding-right: 5px !important;
}

.luckysheet-sheet-container-menu-hide .luckysheet-sheets-item-menu {
  display: none !important;
}

.luckysheet-sheet-area div.luckysheet-sheets-item {
  color: #676464;
  cursor: pointer;
  box-sizing: border-box;
  vertical-align: middle;
  background-color: #fafafc;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  min-width: 30px;
  height: 29px;
  margin-right: -1px;
  padding: 2px 19px 0 5px;
  font-size: 13px;
  line-height: 29px;
  transition: all .1s;
  position: relative;
  top: 0;
}

.luckysheet-sheet-area div.luckysheet-sheets-item:last-child {
  margin-right: 1px;
}

.luckysheet-sheet-area div.luckysheet-sheets-item:hover {
  color: #490500;
  background-color: #efefef;
}

.luckysheet-sheet-area div.luckysheet-sheets-item .luckysheet-sheets-item-menu {
  color: #a1a1a1;
  text-align: center;
  width: 15px;
  height: 100%;
  margin-left: 2px;
  display: inline-block;
  position: absolute;
  top: -2px;
  right: 0;
}

.luckysheet-sheet-area div.luckysheet-sheets-item .luckysheet-sheets-item-menu:hover {
  color: #2a2a2a;
  cursor: pointer;
}

.luckysheet-sheet-area div.luckysheet-sheets-item .luckysheet-sheets-item-name {
  padding: 0 3px;
}

.luckysheet-sheets-item-color {
  width: 100%;
  height: 10%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.luckysheet-sheet-area div.luckysheet-sheets-item .luckysheet-sheets-item-name[contenteditable="true"] {
  -moz-user-modify: read-write-plaintext-only;
  -webkit-user-modify: read-write-plaintext-only;
  border: 1px solid #d9d9d9;
  min-width: 8px;
  height: 18px;
  margin: -4px -1px;
  line-height: 18px;
  display: inline-block;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
}

.luckysheet-sheet-area div.luckysheet-sheets-item .luckysheet-sheets-item-name[contenteditable="true"]:focus {
  border: 1px solid #4d90fe;
  outline: none;
  box-shadow: inset 0 1px 2px #0000004d;
}

.luckysheet-sheet-area div.luckysheet-sheets-item-active {
  color: #222;
  cursor: default;
  background-color: #efefef;
  border-top-color: #fff;
  height: 29px;
  line-height: 29px;
}

.luckysheet-sheet-area div.luckysheet-sheets-item-active:hover {
  color: #222;
  background-color: #ececec;
}

.fortune-sheettab-button {
  justify-content: center;
  align-items: center;
  width: 29px;
  height: 29px;
  display: flex;
}

.fortune-sheettab-button:hover {
  background-color: #efefef;
  justify-content: center;
  align-items: center;
  width: 29px;
  height: 29px;
  display: flex;
}

.luckysheet-noselected-text {
  -moz-user-select: -moz-test;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.fortune-sheettab-scroll {
  cursor: pointer;
  align-items: center;
  height: 29px;
  padding: 0 5px;
  display: flex;
}

.fortune-sheettab-scroll:hover {
  background-color: #e0e0e0;
}

.fortune-sheettab-placeholder {
  vertical-align: middle;
  width: 30px;
  height: 29px;
  line-height: 29px;
  display: inline-block;
}

.sheet-list-container {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  overflow: visible;
}

.luckysheet-sheet-selection-calInfo {
  align-content: center;
  align-self: flex-end;
  height: 22px;
  padding: 0 0 0 44px;
  font-size: 12px;
  display: flex;
}

.luckysheet-sheet-selection-calInfo div {
  white-space: nowrap;
  margin: auto 7px auto 0;
}

.luckysheet-sheets-item-function {
  width: 12px;
  height: 24px;
  position: absolute;
  top: 4px;
  right: 2px;
}

.fortune-sheet-area-right {
  display: flex !important;
}

.fortune-zoom-container {
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  display: flex;
  overflow: visible;
}

.fortune-zoom-button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.fortune-zoom-button:hover {
  background: #efefef;
}

.fortune-zoom-ratio {
  color: #1e1e1f;
  cursor: pointer;
  justify-content: center;
  width: 48px;
  font-size: 12px;
  display: flex;
  position: relative;
}

.fortune-zoom-ratio-current {
  width: 100%;
}

.fortune-zoom-ratio-item:hover {
  background: #efefef;
}

.fortune-zoom-ratio-menu {
  z-index: 1004;
  background: #fff;
  border-radius: 6px;
  padding: 10px 0;
  line-height: 24px;
  position: absolute;
  bottom: 30px;
  left: 0;
  box-shadow: 2px 2px 10px #0003;
}

.fortune-zoom-ratio-text {
  padding: 0 10px;
}

.fortune-context-menu {
  cursor: default;
  z-index: 1004;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border: 1px solid #0003;
  border-radius: 4px;
  outline: none;
  max-height: 100%;
  margin: 0;
  padding: 6px 0;
  font-size: 13px;
  transition: opacity .218s;
  position: absolute;
  overflow-y: auto;
  box-shadow: 2px 2px 20px #00000026;
}

.fortune-context-menu input.luckysheet-mousedown-cancel {
  text-align: center;
  width: 35px;
  margin-left: 5px;
  margin-right: 5px;
}

.fortune-context-menu-divider {
  width: "100%";
  background-color: #e0e0e0;
  height: 1px;
  margin: 4px 0;
}

.luckysheet-cols-menu .luckysheet-cols-menuitem {
  color: #333;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  margin: 0;
  padding: 1px 24px 1px 8px;
  list-style: none;
  position: relative;
}

.luckysheet-cols-menu .luckysheet-cols-menuitem:hover, .luckysheet-cols-menu .luckysheet-cols-menuitem-hover {
  background: #efefef;
}

.luckysheet-cols-menu .luckysheet-cols-menuitem .luckysheet-cols-menuitem-content {
  color: #333;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  margin: 0;
  padding: 6px 7em 6px 30px;
  list-style: none;
  position: relative;
}

.fortune-filter-menu .luckysheet-cols-menuitem {
  padding: 0;
}

.fortune-filter-menu .luckysheet-cols-menuitem .luckysheet-cols-menuitem-content {
  padding: 7px 24px;
}

.fortune-menuitem-row {
  white-space: pre;
  align-items: center;
  padding: 7px 24px;
  display: flex;
}

.fortune-byvalue-btn {
  cursor: pointer;
  color: #00f;
  text-decoration: underline;
}

.luckysheet-filter-bycolor-submenu .button-basic, .fortune-filter-menu .button-basic {
  cursor: pointer;
  border-radius: 4px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: 14px;
  display: flex;
}

.luckysheet-filter-bycolor-submenu .button-basic {
  margin: 5px 20px;
}

.luckysheet-filter-bycolor-submenu .button-default, .fortune-filter-menu .button-default {
  color: #262a33;
  background-color: #fff;
  border: 1px solid #ebebeb;
  margin-left: 10px;
}

.luckysheet-filter-bycolor-submenu .button-default:hover, .fortune-filter-menu .button-default:hover {
  background-color: #e6e6e6;
}

.luckysheet-filter-bycolor-submenu .button-primary, .fortune-filter-menu .button-primary {
  color: #fff;
  background-color: #0188fb;
}

.luckysheet-filter-bycolor-submenu .button-primary:hover, .fortune-filter-menu .button-primary:hover {
  background: #5391ff;
}

.fortune-filter-menu .button-danger {
  color: #fff;
  background-color: #d9534f;
  margin-left: 10px;
}

.fortune-filter-menu .button-danger:hover {
  background-color: #c9302c;
}

.filter-bycolor-container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filtermenu-input-container {
  padding: 0;
}

.filtermenu-input-container input.luckysheet-mousedown-cancel {
  box-sizing: border-box;
  -webkit-user-select: auto;
  user-select: auto;
  text-align: start;
  border: 1px solid #a1a1a1;
  border-radius: 3px;
  outline: none;
  width: 230px;
  height: 26px;
  margin: 0 20px;
  padding: 1px 8px;
  font-size: 12px;
}

.filtermenu-input-container input.luckysheet-mousedown-cancel:focus {
  border: 1px solid #0188fb;
  outline: none;
}

.byvalue-btn-row {
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 0;
}

.filter-caret {
  border: 4px solid #0000;
  width: 0;
  height: 0;
  display: inline-block;
}

.filter-caret.right {
  border-left-color: #000;
  margin-left: 2px;
  margin-right: 3px;
}

.filter-caret.down {
  border-top-color: #000;
  margin-top: 5px;
  margin-right: 5px;
}

.filter-checkbox {
  margin-left: 0;
  margin-right: 5px;
}

#luckysheet-filter-byvalue-select {
  min-height: 100px;
  padding: 4px 24px;
  overflow: hidden auto;
}

#luckysheet-filter-byvalue-select .count, #luckysheet-pivotTableFilter-byvalue-select .count {
  color: gray;
  margin-left: 5px;
}

#luckysheet-filter-byvalue-select .select-item {
  align-items: center;
  display: flex;
}

.luckysheet-filter-bycolor-submenu {
  z-index: 1004;
  background-color: #fff;
  border: 1px solid #0003;
  min-width: 170px;
  padding: 5px 0;
  font-size: 12px;
  position: absolute;
}

.luckysheet-filter-bycolor-submenu .title {
  color: #333;
  text-align: center;
  background-color: #f4f4f4;
  padding: 10px;
  font-weight: 600;
}

.luckysheet-filter-bycolor-submenu .one-color-tip {
  text-align: center;
  padding: 7px 30px;
}

.luckysheet-filter-bycolor-submenu .color-list {
  max-height: 128px;
  overflow: auto;
}

.luckysheet-filter-bycolor-submenu .item {
  cursor: pointer;
  background-color: #fff;
  padding: 5px 40px 5px 20px;
  position: relative;
}

.luckysheet-filter-bycolor-submenu .item:hover {
  background-color: #d3d3d3;
}

.luckysheet-filter-bycolor-submenu .item .color-label {
  border: 1px solid #d1d1d1;
  width: 70px;
  height: 20px;
  display: block;
}

.luckysheet-filter-bycolor-submenu .item input[type="checkbox"] {
  position: absolute;
  top: 6px;
  right: 10px;
}

.change-color-triangle {
  position: absolute;
  top: 3px;
  right: -18px;
}

.fortune-sort-title {
  color: #000;
  cursor: default;
  background-color: #fff;
  margin: 0 0 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.fortune-sort-modal > div {
  margin-bottom: 10px;
}

.fortune-sort-tablec td {
  white-space: nowrap;
  padding: 5px;
}

.fortune-sort-button {
  margin-top: 10px;
  margin-bottom: 25px;
}

#fortune-change-color {
  background: #f0f0f0;
  border: 1px solid #0003;
  border-radius: 6px;
  min-width: 164px;
  height: 252px;
  position: absolute;
  bottom: -110px;
  left: 197px;
  box-shadow: 0 2px 4px #0003;
}

#fortune-change-color .color-reset {
  color: #333;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border-radius: 6px;
  padding: 10px 24px 10px 8px;
  list-style: none;
  position: relative;
}

#fortune-change-color .color-reset:hover {
  background: #e6e6e6;
}

#fortune-change-color .custom-color {
  background: #fff;
  border-radius: 6px;
  justify-content: space-around;
  align-items: center;
  margin: 1px 0;
  padding: 10px;
  display: flex;
  position: relative;
}

.button-basic {
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 2px;
  margin-bottom: 0;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42857;
  display: inline-block;
}

.button-primary {
  color: #fff;
  background: #0188fb;
  border: 1px solid #0188fb;
  margin-right: -4px;
}

.fortune-sheet-list {
  z-index: 10002;
  min-width: 120px;
  max-height: 60%;
  margin-left: 72px;
  position: absolute;
  bottom: 53px;
  overflow: hidden auto;
}

.fortune-sheet-list-item {
  cursor: pointer;
  width: 100%;
  height: 30px;
  margin-right: 46px;
  line-height: 30px;
}

.fortune-sheet-list-item-name {
  margin-right: 15px;
  position: relative;
}

.fortune-sheet-list-item-name .luckysheet-sheets-list-item-color {
  width: 6%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: -6px;
}

.fortune-sheet-list :hover {
  background-color: #efefef;
}

.fortune-sheet-hidden-button {
  justify-content: flex-end;
  margin-right: 15px;
  display: inline-flex;
  position: absolute;
  right: 0;
}

.fortune-sheet-hidden-button :hover {
  background-color: #d0d0d0;
}

.fortune-sheet-selected-check-sapce {
  width: 20px;
  margin-left: 15px;
  display: inline-block;
}

.ds-button {
  border-radius: var(--a3s-radius-sm);
  cursor: pointer;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 600;
  transition: background-color .15s, border-color .15s, color .15s, transform .15s;
  display: inline-flex;
}

.ds-button.compact {
  border-radius: 7px;
  gap: 6px;
  min-height: 28px;
  padding: 0 9px;
  font-size: 11px;
}

.ds-button.primary {
  background: var(--a3s-action);
  color: var(--a3s-action-ink);
}

.ds-button.primary:hover:not(:disabled) {
  background: var(--a3s-action-hover);
}

.ds-button.secondary {
  border-color: var(--a3s-line-strong);
  background: var(--a3s-panel);
}

.ds-button.quiet {
  color: var(--a3s-muted);
  background: none;
}

.ds-button.danger {
  border-color: color-mix(in srgb, var(--a3s-red) 35%, var(--a3s-line));
  color: var(--a3s-red);
  background: none;
}

.ds-button:hover:not(:disabled) {
  filter: brightness(1.02);
  transform: translateY(-1px);
}

.ds-button.quiet:hover:not(:disabled) {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.ds-button:disabled {
  cursor: not-allowed;
  opacity: .46;
}

.ds-button-spinner {
  border: 2px solid;
  border-right-color: #0000;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  animation: .8s linear infinite spin;
}

.ds-icon-button {
  border-radius: var(--a3s-radius-sm);
  width: 34px;
  height: 34px;
  color: var(--a3s-muted);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background-color .15s, color .15s;
  display: inline-flex;
}

.ds-icon-button:hover, .ds-icon-button:focus-visible, .ds-icon-button.selected {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.ds-icon-button.selected {
  color: var(--a3s-blue);
}

.ds-status-badge {
  background: var(--a3s-panel-strong);
  color: var(--a3s-muted);
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.ds-status-badge.info {
  background: color-mix(in srgb, var(--a3s-blue) 9%, var(--a3s-panel));
  color: var(--a3s-blue);
}

.ds-status-badge.success {
  background: color-mix(in srgb, var(--a3s-green) 10%, var(--a3s-panel));
  color: var(--a3s-green);
}

.ds-status-badge.warning {
  background: color-mix(in srgb, var(--a3s-warning) 11%, var(--a3s-panel));
  color: var(--a3s-warning);
}

.ds-status-badge.danger {
  background: color-mix(in srgb, var(--a3s-red) 9%, var(--a3s-panel));
  color: var(--a3s-red);
}

.ds-inline-notice {
  --ds-notice-tone: var(--a3s-blue);
  border: 1px solid
    color-mix(in srgb, var(--ds-notice-tone) 26%, var(--a3s-line));
  border-radius: var(--a3s-radius-sm);
  background: color-mix(in srgb, var(--ds-notice-tone) 6%, var(--a3s-panel));
  width: 100%;
  min-width: 0;
  color: var(--a3s-ink);
  align-items: flex-start;
  gap: 10px;
  padding: 11px 12px;
  display: flex;
}

.ds-inline-notice.neutral {
  --ds-notice-tone: var(--a3s-muted);
}

.ds-inline-notice.info {
  --ds-notice-tone: var(--a3s-blue);
}

.ds-inline-notice.success {
  --ds-notice-tone: var(--a3s-green);
}

.ds-inline-notice.warning {
  --ds-notice-tone: var(--a3s-warning);
}

.ds-inline-notice.danger {
  --ds-notice-tone: var(--a3s-red);
}

.ds-inline-notice-icon {
  color: var(--ds-notice-tone);
  flex: none;
  margin-top: 1px;
  display: inline-flex;
}

.ds-inline-notice-icon > svg {
  width: 17px;
  height: 17px;
}

.ds-inline-notice-copy {
  flex: 1;
  min-width: 0;
  font-size: 11px;
  line-height: 18px;
}

.ds-inline-notice-copy strong {
  color: var(--a3s-ink);
  margin-bottom: 1px;
  font-size: 12px;
  font-weight: 650;
  display: block;
}

.ds-inline-notice-copy > div {
  color: var(--a3s-muted);
}

.ds-inline-notice-copy p {
  margin: 0;
}

.ds-inline-notice-actions {
  flex: none;
  align-items: center;
  gap: 6px;
  display: flex;
}

.ds-inline-notice-actions .ds-button {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 11px;
}

.ds-collection-state {
  width: 100%;
  min-height: 42px;
  color: var(--a3s-muted);
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 9px 11px;
  font-size: 11px;
  line-height: 1.45;
  display: flex;
}

.ds-collection-state.info {
  color: var(--a3s-blue);
}

.ds-collection-state.warning {
  color: var(--a3s-warning);
}

.ds-collection-state.danger {
  color: var(--a3s-red);
}

.ds-collection-state-icon {
  flex: none;
  place-items: center;
  display: grid;
}

.ds-collection-state-icon > svg {
  width: 14px;
  height: 14px;
}

.ds-collection-state-actions {
  flex: none;
  align-items: center;
  display: inline-flex;
}

.ds-collection-state-actions .ds-button {
  min-height: 26px;
  padding-inline: 7px;
  font-size: 10px;
}

.ds-popover {
  min-width: 0;
  position: relative;
}

.ds-popover-panel {
  z-index: 80;
  border: 1px solid var(--a3s-overlay-border);
  border-radius: var(--a3s-overlay-radius);
  background: var(--a3s-overlay-surface);
  width: max-content;
  max-width: min(440px, 100vw - 32px);
  max-height: min(420px, 100dvh - 32px);
  box-shadow: var(--a3s-shadow-soft);
  color: var(--a3s-ink);
  font-family: var(--a3s-ui-font);
  position: absolute;
  overflow: auto;
}

.ds-popover-portal-anchor {
  z-index: 80;
  min-width: 0;
  height: 0;
  position: fixed;
}

.a3s-office.a3s-office-floating-root {
  z-index: 80;
  pointer-events: none;
  background: none;
  width: 0;
  min-width: 0;
  height: 0;
  min-height: 0;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  overflow: visible;
}

.a3s-office.a3s-office-floating-root > * {
  pointer-events: auto;
}

.ds-popover-panel[data-floating="true"] {
  top: 0;
  left: 0;
}

.ds-popover[data-placement="bottom-start"] > .ds-popover-panel {
  top: calc(100% + 8px);
  left: 0;
}

.ds-popover[data-placement="bottom-end"] > .ds-popover-panel {
  top: calc(100% + 8px);
  right: 0;
}

.ds-popover[data-placement="top-start"] > .ds-popover-panel {
  bottom: calc(100% + 8px);
  left: 0;
}

.ds-popover[data-placement="top-end"] > .ds-popover-panel {
  bottom: calc(100% + 8px);
  right: 0;
}

.ds-split-handle {
  touch-action: none;
  background: none;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  position: relative;
}

.ds-split-handle[aria-orientation="vertical"] {
  cursor: col-resize;
}

.ds-split-handle[aria-orientation="horizontal"] {
  cursor: row-resize;
}

.ds-split-handle:after {
  content: "";
  background: none;
  border-radius: 999px;
  transition: background-color .14s;
  position: absolute;
}

.ds-split-handle[aria-orientation="vertical"]:after {
  width: 2px;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.ds-split-handle[aria-orientation="horizontal"]:after {
  height: 2px;
  bottom: 50%;
  left: 0;
  right: 0;
  transform: translateY(50%);
}

.ds-split-handle:hover:after, .ds-split-handle:focus-visible:after, html[data-ds-resizing] .ds-split-handle:after {
  background: var(--a3s-blue);
}

html[data-ds-resizing="vertical"], html[data-ds-resizing="vertical"] * {
  cursor: col-resize !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
  cursor: row-resize !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

.ds-page-header {
  border-bottom: 1px solid var(--a3s-line);
  background: color-mix(in srgb, var(--a3s-panel-soft) 24%, var(--a3s-panel));
  flex: 0 0 64px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 64px;
  padding: 0 16px;
  display: grid;
}

.ds-page-header.has-navigation {
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);
}

.ds-page-header-identity, .ds-page-header-title-line, .ds-page-header-actions {
  align-items: center;
  min-width: 0;
  display: flex;
}

.ds-page-header-identity {
  gap: 9px;
}

.ds-page-header-icon {
  border: 1px solid
    color-mix(in srgb, var(--ds-page-accent) 20%, var(--a3s-line));
  background: color-mix(in srgb, var(--ds-page-accent) 8%, var(--a3s-panel));
  width: 32px;
  height: 32px;
  color: var(--ds-page-accent);
  border-radius: 9px;
  flex: 0 0 32px;
  place-items: center;
  display: grid;
}

.ds-page-header[data-accent="blue"] {
  --ds-page-accent: var(--a3s-blue);
}

.ds-page-header[data-accent="green"] {
  --ds-page-accent: var(--a3s-green);
}

.ds-page-header[data-accent="purple"] {
  --ds-page-accent: var(--a3s-purple);
}

.ds-page-header[data-accent="neutral"] {
  --ds-page-accent: var(--a3s-muted);
}

.ds-page-header-copy {
  min-width: 0;
}

.ds-page-header-title-line {
  gap: 8px;
}

.ds-page-header h1, .ds-page-header p {
  margin: 0;
}

.ds-page-header h1 {
  color: var(--a3s-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 650;
  line-height: 21px;
  overflow: hidden;
}

.ds-page-header p {
  max-width: 680px;
  color: var(--a3s-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
  font-size: 11px;
  line-height: 17px;
  overflow: hidden;
}

.ds-page-header-status {
  flex: none;
  align-items: center;
  display: inline-flex;
}

.ds-page-header-navigation {
  justify-self: center;
}

.ds-page-header-actions {
  justify-self: end;
  gap: 4px;
}

.ds-page-header-actions .ds-button {
  border-radius: 8px;
  gap: 6px;
  min-height: 34px;
  padding-inline: 10px;
  font-size: 12px;
}

.ds-tabs {
  --ds-tabs-accent: var(--a3s-blue);
  align-items: center;
  min-width: 0;
  display: flex;
}

.ds-tabs.segment {
  background: var(--a3s-panel-soft);
  border-radius: 9px;
  gap: 2px;
  padding: 2px;
}

.ds-tabs > button {
  min-width: 0;
  color: var(--a3s-muted);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  display: inline-flex;
  position: relative;
}

.ds-tabs.standard > button {
  min-height: 32px;
  padding: 0 10px;
  font-size: 11px;
}

.ds-tabs.compact > button {
  min-height: 30px;
  padding: 0 9px;
  font-size: 11px;
}

.ds-tabs.segment > button {
  border-radius: 7px;
}

.ds-tabs > button:hover:not(:disabled) {
  color: var(--a3s-ink);
}

.ds-tabs.segment > button[aria-selected="true"] {
  background: var(--a3s-panel);
  color: var(--ds-tabs-accent);
  box-shadow: 0 1px 3px #14182814;
}

.ds-tabs.line {
  border-bottom: 1px solid var(--a3s-line);
  gap: 18px;
}

.ds-tabs.line > button {
  align-self: stretch;
  padding-inline: 1px;
}

.ds-tabs.line > button:after {
  content: "";
  background: none;
  border-radius: 999px 999px 0 0;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.ds-tabs.line > button[aria-selected="true"] {
  color: var(--a3s-ink);
}

.ds-tabs.line > button[aria-selected="true"]:after {
  background: var(--ds-tabs-accent);
}

.ds-tabs > button:disabled {
  cursor: not-allowed;
  opacity: .42;
}

.ds-tabs-icon {
  align-items: center;
  display: inline-flex;
}

.ds-tabs-label-compact {
  display: none;
}

.ds-tabs-badge {
  background: var(--a3s-panel-strong);
  min-width: 17px;
  height: 17px;
  color: var(--a3s-muted);
  border-radius: 999px;
  place-items: center;
  padding: 0 4px;
  font-size: 9px;
  font-weight: 650;
  display: inline-grid;
}

.ds-segmented-control {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  border-radius: 9px;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  gap: 2px;
  min-width: 0;
  max-width: 100%;
  padding: 2px;
  display: inline-grid;
}

.ds-segmented-control.equal {
  grid-auto-columns: minmax(0, 1fr);
  width: 100%;
  display: grid;
}

.ds-segmented-control-item {
  min-width: 0;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 7px;
  position: relative;
}

.ds-segmented-control-item > input {
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.ds-segmented-control-content {
  border-radius: inherit;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-width: 0;
  height: 100%;
  font-weight: 600;
  transition: background-color .15s, box-shadow .15s, color .15s;
  display: flex;
}

.ds-segmented-control.standard .ds-segmented-control-content {
  min-height: 32px;
  padding: 0 10px;
  font-size: 11px;
}

.ds-segmented-control.compact .ds-segmented-control-content {
  min-height: 28px;
  padding: 0 8px;
  font-size: 11px;
}

.ds-segmented-control-item:hover:not(:has(input:disabled)) {
  color: var(--a3s-ink);
}

.ds-segmented-control-item.selected .ds-segmented-control-content {
  background: var(--a3s-panel);
  color: var(--a3s-blue);
  box-shadow: 0 1px 3px #14182814;
}

.ds-segmented-control-item:has(input:focus-visible) .ds-segmented-control-content {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 48%, transparent);
  outline-offset: 1px;
}

.ds-segmented-control-item:has(input:disabled) {
  cursor: not-allowed;
  opacity: .42;
}

.ds-segmented-control-icon {
  flex: none;
  align-items: center;
  display: inline-flex;
}

.ds-segmented-control-label {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.ds-state-view {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: min(560px, 100%);
  min-height: 280px;
  margin: auto;
  padding: 36px;
  display: flex;
}

.ds-state-view.compact {
  min-height: 160px;
  padding: 24px;
}

.ds-state-view-icon {
  background: color-mix(in srgb, var(--ds-state-tone) 8%, var(--a3s-panel));
  width: 48px;
  height: 48px;
  color: var(--ds-state-tone);
  border-radius: 14px;
  place-items: center;
  margin-bottom: 14px;
  display: grid;
}

.ds-state-view.neutral {
  --ds-state-tone: var(--a3s-muted);
}

.ds-state-view.info {
  --ds-state-tone: var(--a3s-blue);
}

.ds-state-view.success {
  --ds-state-tone: var(--a3s-green);
}

.ds-state-view.warning {
  --ds-state-tone: var(--a3s-warning);
}

.ds-state-view.danger {
  --ds-state-tone: var(--a3s-red);
}

.ds-state-view h2, .ds-state-view p {
  margin: 0;
}

.ds-state-view h2 {
  color: var(--a3s-ink);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.ds-state-view > p {
  max-width: 520px;
  color: var(--a3s-muted);
  margin-top: 5px;
  font-size: 12px;
  line-height: 19px;
}

.ds-state-view-details {
  width: min(520px, 100%);
  color: var(--a3s-muted);
  margin-top: 14px;
  font-size: 12px;
}

.ds-state-view-actions {
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
  display: flex;
}

.ds-search-field {
  border: 1px solid var(--a3s-line);
  border-radius: var(--a3s-radius-sm);
  background: var(--a3s-panel);
  width: 100%;
  min-width: 0;
  color: var(--a3s-muted);
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  transition: border-color .15s, box-shadow .15s, color .15s;
  display: flex;
}

.ds-search-field.standard {
  height: 36px;
}

.ds-search-field.compact {
  height: 32px;
  padding-inline: 8px;
}

.ds-search-field:focus-within {
  border-color: color-mix(in srgb, var(--a3s-blue) 58%, var(--a3s-line));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--a3s-blue) 9%, transparent);
  color: var(--a3s-blue);
}

.ds-search-field input {
  min-width: 0;
  color: var(--a3s-ink);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 12px;
}

.ds-search-field input::placeholder {
  color: var(--a3s-muted);
}

.ds-search-field input::-webkit-search-cancel-button {
  display: none;
}

.ds-search-field-clear {
  width: 24px;
  height: 24px;
  color: var(--a3s-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  flex: 0 0 24px;
  place-items: center;
  padding: 0;
  display: grid;
}

.ds-search-field-clear:hover {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.ds-search-field:has(input:disabled) {
  cursor: not-allowed;
  opacity: .52;
}

@media (width <= 1100px) {
  .ds-page-header.has-navigation {
    grid-template-columns: minmax(120px, 1fr) auto minmax(120px, 1fr);
    gap: 12px;
    padding-inline: 14px;
  }

  .ds-page-header p {
    display: none;
  }
}

.ds-dialog-backdrop {
  z-index: 100;
  backdrop-filter: blur(3px);
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  color: var(--a3s-ink);
  font-family: var(--a3s-ui-font);
  background: #090c166b;
  border: 0;
  place-items: center;
  margin: 0;
  padding: 16px;
  display: grid;
  position: fixed;
  inset: 0;
}

.ds-dialog {
  box-sizing: border-box;
  border: 1px solid var(--a3s-overlay-border);
  border-radius: var(--a3s-overlay-radius);
  background: var(--a3s-overlay-surface);
  width: min(440px, 100%);
  max-height: calc(100dvh - 32px);
  box-shadow: var(--a3s-shadow-soft);
  flex-direction: column;
  display: flex;
  overflow: visible;
}

.ds-dialog > header {
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 24px 16px;
  display: flex;
}

.ds-dialog h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.ds-dialog header p {
  color: var(--a3s-muted);
  margin: 5px 0 0;
  font-size: 12px;
}

.ds-dialog-body {
  flex: auto;
  min-height: 0;
  padding: 4px 24px 20px;
  overflow: auto;
}

.ds-dialog > footer {
  border-top: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  flex: none;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 24px;
  display: flex;
}

.ds-dialog > footer .ds-button.danger {
  border-color: var(--a3s-red);
  background: var(--a3s-red);
  color: #fff;
}

.ds-dialog > footer .ds-button.danger:hover:not(:disabled) {
  background: color-mix(in srgb, var(--a3s-red) 88%, black);
}

@media (width <= 520px) {
  .ds-dialog-backdrop {
    padding: 10px;
  }

  .ds-dialog {
    max-height: calc(100dvh - 20px);
  }

  .ds-dialog > header {
    padding: 16px 16px 12px;
  }

  .ds-dialog-body {
    padding: 4px 16px 16px;
  }

  .ds-dialog > footer {
    padding: 12px 16px;
  }
}

.ds-field {
  flex-direction: column;
  gap: 7px;
  display: flex;
}

.ds-field-label {
  color: var(--a3s-muted);
  font-size: 12px;
  font-weight: 600;
}

.ds-field input, .ds-field select {
  border: 1px solid var(--a3s-line-strong);
  border-radius: var(--a3s-radius-sm);
  background: var(--a3s-panel);
  width: 100%;
  height: 40px;
  color: var(--a3s-ink);
  outline: 0;
  padding: 0 11px;
}

.ds-field textarea {
  resize: vertical;
  border: 1px solid var(--a3s-line-strong);
  border-radius: var(--a3s-radius-sm);
  background: var(--a3s-panel);
  width: 100%;
  min-height: 92px;
  color: var(--a3s-ink);
  outline: 0;
  padding: 10px 11px;
  font: 13px / 1.6 inherit;
}

.ds-field input:focus, .ds-field select:focus, .ds-field textarea:focus {
  border-color: var(--a3s-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--a3s-blue) 11%, transparent);
}

.ds-field.invalid input, .ds-field.invalid select, .ds-field.invalid textarea {
  border-color: color-mix(in srgb, var(--a3s-red) 62%, var(--a3s-line));
}

.ds-field-description, .ds-field-error {
  color: var(--a3s-muted);
  font-size: 11px;
  line-height: 17px;
}

.ds-field-error {
  color: var(--a3s-red);
}

.ds-combobox {
  position: relative;
}

.ds-combobox-trigger {
  border: 1px solid var(--a3s-line);
  border-radius: var(--a3s-radius-sm);
  background: var(--a3s-panel);
  min-width: 190px;
  height: 40px;
  color: var(--a3s-ink);
  align-items: center;
  gap: 10px;
  padding: 0 11px;
  display: flex;
}

.ds-combobox-trigger-copy {
  text-align: left;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.ds-combobox-trigger-copy strong, .ds-combobox-trigger-copy small, .ds-combobox-option-copy strong, .ds-combobox-option-copy small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ds-combobox-model-mark {
  background: var(--a3s-panel-soft);
  width: 23px;
  height: 23px;
  color: var(--a3s-ink);
  border-radius: 7px;
  flex: none;
  place-items: center;
  display: grid;
}

.ds-combobox-trigger small, .ds-combobox-popover [role="option"] small, .ds-combobox-popover [role="option"] i, .ds-combobox-popover [role="option"] em {
  color: var(--a3s-faint);
  font-size: 11px;
}

.ds-combobox-popover {
  width: 420px;
  padding: 8px;
}

.ds-combobox-popover.has-source-tabs {
  min-height: min(320px,
    var(--ds-combobox-available-height, calc(100dvh - 32px)));
  max-height: var(--ds-combobox-available-height, calc(100dvh - 32px));
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.ds-combobox-popover.has-source-tabs > .ds-combobox-source-tabs, .ds-combobox-popover.has-source-tabs > .ds-combobox-search, .ds-combobox-popover.has-source-tabs > .ds-combobox-footer {
  flex: none;
}

.ds-combobox-popover.has-source-tabs > [role="listbox"] {
  flex: auto;
  min-height: 0;
}

.ds-combobox-source-tabs.ds-tabs {
  border-bottom: 1px solid var(--a3s-line);
  scrollbar-width: none;
  background: none;
  border-radius: 0;
  gap: 4px;
  margin: -1px -1px 8px;
  padding: 1px 1px 8px;
  display: flex;
  overflow-x: auto;
}

.ds-combobox-source-tabs::-webkit-scrollbar {
  display: none;
}

.ds-combobox-source-tabs.ds-tabs > button {
  height: 28px;
  min-height: 28px;
  color: var(--a3s-muted);
  background: none;
  border: 1px solid #0000;
  border-radius: 8px;
  flex: none;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 600;
}

.ds-combobox-source-tabs.ds-tabs > button:hover {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.ds-combobox-source-tabs.ds-tabs > button[aria-selected="true"] {
  background: var(--a3s-action);
  color: var(--a3s-action-ink);
}

.ds-combobox-popover > .ds-combobox-search {
  border: 1px solid var(--a3s-line);
  border-radius: var(--a3s-radius-sm);
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  display: flex;
}

.ds-combobox-popover input {
  width: 100%;
  height: 36px;
  color: var(--a3s-ink);
  background: none;
  border: 0;
  outline: 0;
}

.ds-combobox-popover [role="listbox"] {
  max-height: 340px;
  padding-top: 6px;
  overflow: auto;
}

.ds-combobox-popover [role="option"] {
  width: 100%;
  color: var(--a3s-ink);
  text-align: left;
  background: none;
  border: 0;
  border-radius: 8px;
  grid-template-columns: 24px minmax(120px, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 9px;
  display: grid;
}

.ds-combobox-popover [role="option"]:hover, .ds-combobox-popover [role="option"][aria-selected="true"], .ds-combobox-popover [role="option"].active {
  background: var(--a3s-panel-soft);
}

.ds-combobox-option-copy {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ds-combobox-popover [role="option"] i, .ds-combobox-popover [role="option"] em {
  color: var(--a3s-muted);
  align-items: center;
  gap: 4px;
  font-style: normal;
  display: flex;
}

.ds-combobox-popover [role="option"] em {
  color: var(--a3s-blue);
}

.ds-combobox-footer {
  border-top: 1px solid var(--a3s-line);
  margin: 6px -2px -2px;
  padding: 7px 2px 2px;
}

.ds-combobox-footer > button {
  width: 100%;
  height: 34px;
  color: var(--a3s-muted);
  text-align: left;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 0 9px;
  font-size: 11px;
  display: flex;
}

.ds-combobox-footer > button:hover {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-file-input {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: fixed;
}

.work-office-field {
  min-width: 0;
  color: var(--a3s-muted);
  gap: 4px;
  font-size: 9px;
  display: grid;
}

.work-office-field > .work-office-select, .work-office-field > .work-office-color-picker, .work-office-field > .work-office-number-field, .work-office-field > .work-office-text-field, .work-office-field > .work-office-text-area, .work-office-field > .work-office-color-picker .work-office-color-trigger {
  width: 100%;
}

.work-office-select, .work-office-color-picker {
  min-width: 0;
  position: relative;
}

.work-office-select > button[role="combobox"], .work-office-color-trigger, .work-office-text-field, .work-office-text-area, .work-office-number-field {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  color: var(--a3s-ink);
  font: inherit;
  border-radius: 6px;
  outline: 0;
  font-size: 10px;
}

.work-office-select > button[role="combobox"] {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 104px;
  height: 28px;
  padding: 0 8px 0 9px;
  display: flex;
}

.work-office-select > button[role="combobox"] > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.work-office-select > button[role="combobox"]:hover:not(:disabled), .work-office-select.open > button[role="combobox"], .work-office-color-trigger:hover:not(:disabled), .work-office-color-picker.open .work-office-color-trigger {
  border-color: color-mix(in srgb,
    var(--work-office-control-accent, var(--a3s-blue)) 48%,
    var(--a3s-line));
  background: var(--a3s-panel-soft);
}

.work-office-select > button[role="combobox"]:focus-visible, .work-office-color-trigger:focus-visible, .work-office-text-field:focus-visible, .work-office-text-area:focus-visible, .work-office-number-field:focus-within, .work-office-slider:focus-visible {
  border-color: var(--work-office-control-accent, var(--a3s-blue));
  box-shadow: 0 0 0 2px
    color-mix(in srgb,
      var(--work-office-control-accent, var(--a3s-blue)) 18%,
      transparent);
}

.work-office-text-field[aria-invalid="true"], .work-office-text-area[aria-invalid="true"] {
  border-color: color-mix(in srgb, var(--a3s-red) 68%, var(--a3s-line));
}

.work-office-text-field[aria-invalid="true"]:focus-visible, .work-office-text-area[aria-invalid="true"]:focus-visible {
  border-color: var(--a3s-red);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--a3s-red) 16%, transparent);
}

.work-office-select > button[role="combobox"]:disabled, .work-office-color-trigger:disabled, .work-office-text-field:disabled, .work-office-text-area:disabled, .work-office-number-field:has(input:disabled) {
  cursor: not-allowed;
  opacity: .45;
}

.work-office-select-menu:not([data-floating="true"]), .work-office-color-menu:not([data-floating="true"]) {
  z-index: 80;
  border: 1px solid var(--a3s-line-strong);
  background: color-mix(in srgb, var(--a3s-panel) 97%, transparent);
  backdrop-filter: blur(18px);
  border-radius: 8px;
  min-width: 100%;
  padding: 5px;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  box-shadow: 0 12px 34px #0f172a2e;
}

.work-office-select-menu[data-floating="true"], .work-office-color-menu[data-floating="true"] {
  z-index: 80;
  border: 1px solid var(--a3s-line-strong);
  background: color-mix(in srgb, var(--a3s-panel) 97%, transparent);
  backdrop-filter: blur(18px);
  border-radius: 8px;
  min-width: 100%;
  padding: 5px;
  top: 0;
  left: 0;
  box-shadow: 0 12px 34px #0f172a2e;
}

.work-office-select-menu {
  width: max-content;
  min-width: max(100%, 150px);
  max-width: 280px;
  max-height: 320px;
  display: grid;
  overflow-y: auto;
}

.work-office-select-menu:is([aria-label="字体"], [aria-label="快捷字体"], [aria-label="演示字体"]) {
  min-width: 210px;
  max-width: 240px;
}

.work-office-select-group-label {
  z-index: 1;
  background: color-mix(in srgb, var(--a3s-panel) 98%, transparent);
  color: var(--a3s-faint);
  font-family: var(--a3s-ui-font, ui-sans-serif), "PingFang SC", sans-serif;
  letter-spacing: .04em;
  margin: 0 -1px 2px;
  padding: 7px 8px 4px;
  font-size: 8px;
  font-weight: 650;
  position: sticky;
  top: -5px;
}

.work-office-select-menu > button {
  width: 100%;
  min-height: 28px;
  color: var(--a3s-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 5px 7px;
  font-size: 10px;
  display: flex;
}

.work-office-select-option-copy {
  flex: 1;
  justify-content: space-between;
  align-items: baseline;
  gap: 14px;
  min-width: 0;
  display: flex;
}

.work-office-select-option-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.work-office-select-option-copy > small {
  color: var(--a3s-faint);
  font-family: var(--a3s-ui-font, ui-sans-serif), "PingFang SC", sans-serif;
  flex: none;
  font-size: 8px;
  font-weight: 500;
}

.work-office-select-menu > button:hover:not(:disabled), .work-office-select-menu > button:focus-visible {
  background: var(--a3s-panel-soft);
  outline: 0;
}

.work-office-select-menu > button[aria-selected="true"] {
  color: var(--work-office-control-accent, var(--a3s-blue));
  font-weight: 650;
}

.work-office-select-menu > button:disabled {
  cursor: not-allowed;
  opacity: .38;
}

.work-office-checkbox {
  min-width: 0;
  min-height: 26px;
  color: var(--a3s-muted);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  outline: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  padding: 3px 0;
  font-size: 10px;
  display: inline-flex;
  position: relative;
}

.work-office-checkbox > input {
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
  margin: 0;
  position: absolute;
  inset: 0;
}

.work-office-checkbox:not(.disabled):hover {
  color: var(--a3s-ink);
}

.work-office-checkbox > input:focus-visible + .work-office-checkbox-box {
  border-color: var(--work-office-control-accent, var(--a3s-blue));
  box-shadow: 0 0 0 2px
    color-mix(in srgb,
      var(--work-office-control-accent, var(--a3s-blue)) 18%,
      transparent);
}

.work-office-checkbox.disabled {
  cursor: not-allowed;
  opacity: .45;
}

.work-office-checkbox-box {
  border: 1px solid var(--a3s-line-strong);
  background: var(--a3s-panel);
  color: #fff;
  border-radius: 4px;
  flex: 0 0 15px;
  place-items: center;
  width: 15px;
  height: 15px;
  display: grid;
}

.work-office-checkbox.checked .work-office-checkbox-box, .work-office-checkbox.indeterminate .work-office-checkbox-box {
  border-color: var(--work-office-control-accent, var(--a3s-blue));
  background: var(--work-office-control-accent, var(--a3s-blue));
}

.work-office-checkbox-label {
  min-width: 0;
}

.work-office-number-field {
  grid-template-columns: minmax(0, 1fr) 18px;
  min-width: 72px;
  height: 29px;
  display: grid;
  overflow: hidden;
}

.work-office-number-field > input {
  min-width: 0;
  color: inherit;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  padding: 0 7px;
  font-size: 10px;
}

.work-office-number-steppers {
  border-left: 1px solid var(--a3s-line);
  grid-template-rows: 1fr 1fr;
  display: grid;
}

.work-office-number-steppers > button {
  min-width: 0;
  height: auto;
  color: var(--a3s-faint);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  place-items: center;
  padding: 0;
  display: grid;
}

.work-office-number-steppers > button:first-child {
  border-bottom: 1px solid var(--a3s-line);
}

.work-office-number-steppers > button:hover:not(:disabled) {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-office-color-trigger {
  cursor: pointer;
  align-items: center;
  gap: 6px;
  min-width: 112px;
  height: 29px;
  padding: 0 7px 0 6px;
  display: flex;
}

.work-office-color-value {
  min-width: 0;
  font-family: var(--font-mono);
  flex: 1;
  font-size: 9px;
}

.work-office-color-trigger-icon {
  width: 17px;
  height: 17px;
  color: var(--a3s-muted);
  flex: 0 0 17px;
  place-items: center;
  display: grid;
}

.work-office-color-trigger-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 10px;
  font-weight: 620;
  overflow: hidden;
}

.work-office-color-picker.labeled .work-office-color-trigger {
  min-width: 104px;
}

.work-office-color-picker.compact .work-office-color-trigger {
  justify-content: center;
  gap: 0;
  width: 30px;
  min-width: 30px;
  padding: 0;
  position: relative;
}

.work-office-color-picker.compact .work-office-color-trigger > svg:last-child {
  background: color-mix(in srgb, var(--a3s-panel) 88%, transparent);
  border-radius: 3px 0;
  width: 9px;
  height: 9px;
  padding: 1px;
  position: absolute;
  bottom: 1px;
  right: 1px;
}

.work-office-color-swatch {
  border: 1px solid var(--a3s-line-strong);
  border-radius: 3px;
  flex: 0 0 19px;
  width: 19px;
  height: 13px;
  box-shadow: inset 0 0 0 1px #ffffff47;
}

.work-office-color-menu {
  width: 276px;
  max-height: min(520px, 100dvh - 32px);
  padding: 8px;
}

.work-office-color-reset {
  border: 0;
  border-bottom: 1px solid var(--a3s-line);
  width: 100%;
  min-height: 30px;
  color: var(--a3s-ink);
  font: inherit;
  text-align: start;
  cursor: pointer;
  background: none;
  outline: 0;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
  padding: 4px 6px 7px;
  font-size: 10px;
  display: flex;
}

.work-office-color-reset:hover, .work-office-color-reset:focus-visible {
  background: var(--a3s-panel-soft);
  color: var(--work-office-control-accent, var(--a3s-blue));
}

.work-office-color-reset-swatch {
  border: 1px solid var(--a3s-line-strong);
  background: var(--a3s-panel);
  width: 19px;
  height: 16px;
  color: var(--a3s-red);
  border-radius: 3px;
  flex: 0 0 19px;
  place-items: center;
  display: grid;
}

.work-office-color-reset[data-kind="automatic"] .work-office-color-reset-swatch {
  box-shadow: inset 0 0 0 2px var(--a3s-panel);
  background: #111827;
}

.work-office-color-palette {
  gap: 6px;
  display: grid;
}

.work-office-color-section-title {
  color: var(--a3s-muted);
  font-size: 9px;
  font-weight: 650;
  line-height: 1.4;
}

.work-office-color-grid {
  --work-office-color-grid-columns: 10;
  grid-template-columns: repeat(var(--work-office-color-grid-columns), 22px);
  gap: 3px;
  display: grid;
}

.work-office-color-grid.standard {
  padding-bottom: 2px;
}

.work-office-color-grid > button {
  border: 1px solid color-mix(in srgb, var(--a3s-line-strong) 82%, transparent);
  cursor: pointer;
  border-radius: 3px;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  display: grid;
  box-shadow: inset 0 0 0 1px #ffffff2e;
}

.work-office-color-grid > button:hover, .work-office-color-grid > button:focus-visible, .work-office-color-grid > button[aria-selected="true"] {
  z-index: 1;
  box-shadow: 0 0 0 1px var(--a3s-panel),
    0 0 0 3px var(--work-office-control-accent, var(--a3s-blue));
  outline: 0;
  position: relative;
}

.work-office-color-custom {
  border-top: 1px solid var(--a3s-line);
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: end;
  gap: 7px;
  margin-top: 8px;
  padding-top: 8px;
  display: grid;
}

.work-office-color-custom-preview {
  border: 1px solid var(--a3s-line-strong);
  border-radius: 5px;
  width: 26px;
  height: 27px;
  box-shadow: inset 0 0 0 1px #ffffff3d;
}

.work-office-color-custom > label {
  min-width: 0;
  color: var(--a3s-muted);
  gap: 3px;
  font-size: 8px;
  display: grid;
}

.work-office-color-custom > label > input, .work-office-text-field, .work-office-text-area {
  min-width: 0;
  padding: 6px 8px;
}

.work-office-color-custom > label > input {
  box-sizing: border-box;
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  width: 100%;
  color: var(--a3s-ink);
  font-family: var(--font-mono);
  border-radius: 5px;
  outline: 0;
  font-size: 9px;
}

.work-office-color-custom > label > input:focus-visible {
  border-color: var(--work-office-control-accent, var(--a3s-blue));
  box-shadow: 0 0 0 2px
    color-mix(in srgb,
      var(--work-office-control-accent, var(--a3s-blue)) 16%,
      transparent);
}

.work-office-color-custom > label > input[aria-invalid="true"] {
  border-color: color-mix(in srgb, var(--a3s-red) 62%, var(--a3s-line));
}

.work-office-color-custom > .ds-button {
  border-radius: 5px;
  min-width: 42px;
  min-height: 27px;
  padding: 0 8px;
  font-size: 9px;
}

@media (width <= 520px) {
  .work-office-select-menu {
    overscroll-behavior: contain;
    max-height: min(420px, 100dvh - 32px);
  }

  .work-office-select-menu > button {
    border-radius: 7px;
    min-height: 44px;
    padding: 9px 10px;
    font-size: 11px;
  }

  .work-office-select-group-label {
    padding: 8px 10px 5px;
    font-size: 9px;
  }

  .work-office-color-menu {
    width: min(304px, 100vw - 16px);
    max-width: calc(100vw - 16px);
    padding: 10px;
  }

  .work-office-color-palette {
    gap: 7px;
  }

  .work-office-color-reset {
    border-radius: 7px 7px 0 0;
    min-height: 44px;
    margin-bottom: 8px;
    padding: 8px 9px 9px;
    font-size: 11px;
  }

  .work-office-color-reset-swatch {
    flex-basis: 24px;
    width: 24px;
    height: 20px;
  }

  .work-office-color-section-title {
    font-size: 10px;
  }

  .work-office-color-grid {
    --work-office-color-grid-columns: 8;
    grid-template-columns: repeat(var(--work-office-color-grid-columns),
        minmax(0, 1fr));
    gap: 3px;
  }

  .work-office-color-grid > button {
    aspect-ratio: 1;
    border-radius: 5px;
    width: 100%;
    height: auto;
    min-height: 30px;
  }

  .work-office-color-custom {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    gap: 8px;
  }

  .work-office-color-custom-preview {
    width: 30px;
    height: 32px;
  }

  .work-office-color-custom > label {
    font-size: 9px;
  }

  .work-office-color-custom > label > input, .work-office-color-custom > .ds-button {
    min-height: 32px;
  }
}

.work-office-slider {
  cursor: pointer;
  border-radius: 999px;
  outline: 0;
  width: 88px;
  height: 18px;
  position: relative;
}

.work-office-slider:before, .work-office-slider-fill {
  content: "";
  border-radius: 999px;
  height: 3px;
  position: absolute;
  top: 8px;
  left: 0;
}

.work-office-slider:before {
  background: var(--a3s-line-strong);
  width: 100%;
}

.work-office-slider-fill {
  background: var(--work-office-control-accent, var(--a3s-blue));
}

.work-office-slider-thumb {
  border: 2px solid var(--work-office-control-accent, var(--a3s-blue));
  background: var(--a3s-panel);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  position: absolute;
  top: 3px;
  box-shadow: 0 1px 3px #0f172a3d;
}

.work-office-slider.disabled {
  cursor: not-allowed;
  opacity: .4;
}

.work-office-dialog-field {
  gap: 7px;
  width: 100%;
  min-width: 0;
  display: grid;
}

.work-office-dialog-field-label {
  color: var(--a3s-muted);
  font-size: 11px;
  font-weight: 620;
}

.work-office-dialog-field-error {
  color: var(--a3s-red);
  font-size: 10px;
  line-height: 1.45;
}

.work-office-dialog-field .work-office-text-area {
  resize: vertical;
  min-height: 110px;
}

.work-office-collection-empty.ds-collection-state {
  min-height: 42px;
  color: var(--a3s-faint);
  padding: 8px 6px;
  font-size: 8px;
}

.work-office-form-error.ds-inline-notice {
  flex: 1;
  width: auto;
  min-width: 0;
  margin-right: auto;
  padding: 5px 7px;
}

.work-office-form-error .ds-inline-notice-copy, .work-office-form-warning .ds-inline-notice-copy {
  font-size: 8px;
  line-height: 1.4;
}

.work-office-form-warning.ds-inline-notice {
  grid-column: 1 / -1;
  padding: 6px 8px;
}

.work-office-panel-empty.ds-state-view {
  min-height: 120px;
  padding: 20px;
}

.work-office-panel-empty.ds-state-view h2 {
  font-size: 10px;
}

.work-office-ribbon {
  --work-office-accent: var(--a3s-blue);
  --work-office-control-accent: var(--work-office-accent);
  z-index: 8;
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  flex-direction: column;
  flex: none;
  min-width: 0;
  display: flex;
  position: relative;
  box-shadow: 0 2px 7px #181f2e0a;
}

.work-office-ribbon.work-spreadsheet-ribbon {
  --work-office-accent: #159469;
}

.work-office-ribbon.work-presentation-ribbon {
  --work-office-accent: #db663b;
}

.work-office-preview-bar {
  --work-office-accent: var(--a3s-blue);
  z-index: 8;
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  flex: 0 0 36px;
  align-items: center;
  gap: 12px;
  min-width: 0;
  height: 36px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 7px #181f2e0a;
}

.work-office-preview-bar.work-spreadsheet-ribbon {
  --work-office-accent: #159469;
}

.work-office-preview-bar.work-presentation-ribbon {
  --work-office-accent: #db663b;
}

.work-office-preview-summary {
  min-width: 0;
  color: var(--a3s-muted);
  white-space: nowrap;
  flex: 1;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  display: flex;
  overflow: hidden;
}

.work-office-preview-bar > .work-office-collaboration {
  margin-left: auto;
  margin-right: 8px;
}

.work-office-preview-summary > svg {
  color: var(--work-office-accent, var(--a3s-blue));
  flex: none;
}

.work-office-preview-summary strong {
  color: var(--a3s-ink);
  font-weight: 650;
}

.work-office-preview-summary span {
  color: var(--a3s-faint);
  text-overflow: ellipsis;
  overflow: hidden;
}

.work-office-ribbon-tabs-row {
  flex: 0 0 36px;
  align-items: stretch;
  min-width: 0;
  height: 36px;
  display: flex;
  position: relative;
}

.work-office-ribbon-tab-strip {
  flex: 1;
  align-items: stretch;
  min-width: 0;
  display: flex;
  position: relative;
}

.work-office-ribbon-tabs {
  --ds-tabs-accent: var(--work-office-accent);
  scrollbar-width: none;
  border-bottom: 0;
  flex: 1;
  min-width: 0;
  height: 36px;
  padding: 0 10px 0 12px;
  overflow-x: auto;
}

.work-office-ribbon-tabs::-webkit-scrollbar {
  display: none;
}

.work-office-ribbon-tabs > button {
  border-radius: 0;
  flex: none;
  padding: 0 12px;
  font-size: 12px;
}

.work-office-ribbon-tabs > button[data-contextual="true"] {
  background: color-mix(in srgb, var(--work-office-accent) 7%, transparent);
  box-shadow: inset 0 2px
    color-mix(in srgb, var(--work-office-accent) 48%, transparent);
  color: color-mix(in srgb, var(--work-office-accent) 82%, var(--a3s-ink));
}

.work-office-ribbon-tabs > button[data-contextual="true"]:hover:not(:disabled) {
  background: color-mix(in srgb, var(--work-office-accent) 11%, transparent);
}

.work-office-ribbon-tabs > button:after {
  left: 4px;
  right: 4px;
}

.work-office-ribbon-tabs > button:focus-visible {
  box-shadow: inset 0 0 0 1px var(--work-office-accent);
  border-radius: 4px;
}

.work-office-ribbon-tabs.ds-tabs > button[aria-selected="true"] {
  box-shadow: none;
  color: var(--work-office-accent);
  background: none;
  font-weight: 680;
}

.work-office-ribbon-tabs.ds-tabs > button[aria-selected="true"]:hover:not(:disabled) {
  background: color-mix(in srgb, var(--work-office-accent) 6%, transparent);
  color: var(--work-office-accent);
}

.work-office-ribbon-tabs.ds-tabs > button[aria-selected="true"]:after {
  background: var(--work-office-accent);
}

.work-office-ribbon[data-contextual-active="true"] > .work-office-ribbon-panel {
  box-shadow: inset 0 1px
    color-mix(in srgb, var(--work-office-accent) 28%, transparent);
}

.work-office-ribbon-tab-navigation {
  border-left: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  height: 36px;
  box-shadow: -5px 0 10px color-mix(in srgb, var(--a3s-panel) 88%, transparent);
  flex: none;
  align-items: center;
  gap: 1px;
  padding: 0 4px;
  display: flex;
}

.work-office-ribbon-tab-navigation > button {
  width: 24px;
  height: 26px;
  color: var(--a3s-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  outline: 0;
  place-items: center;
  padding: 0;
  display: grid;
}

.work-office-ribbon-tab-navigation > button:hover:not(:disabled), .work-office-ribbon-tab-navigation > button:focus-visible {
  background: color-mix(in srgb,
    var(--work-office-accent) 8%,
    var(--a3s-panel));
  color: var(--work-office-accent);
}

.work-office-ribbon-tab-navigation > button:focus-visible {
  box-shadow: inset 0 0 0 1px var(--work-office-accent);
}

.work-office-ribbon-tab-navigation > button:disabled {
  cursor: default;
  opacity: .28;
}

.work-office-quick-access {
  border-right: 1px solid var(--a3s-line);
  flex: none;
  align-items: center;
  gap: 1px;
  height: 36px;
  padding: 0 5px;
  display: flex;
}

.work-office-quick-access > button, .work-office-ribbon-collapse {
  width: 26px;
  height: 26px;
  color: var(--a3s-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  outline: 0;
  place-items: center;
  padding: 0;
  display: grid;
}

.work-office-quick-access > button:hover:not(:disabled), .work-office-quick-access > button:focus-visible, .work-office-ribbon-collapse:hover, .work-office-ribbon-collapse:focus-visible {
  background: color-mix(in srgb,
    var(--work-office-accent) 8%,
    var(--a3s-panel));
  color: var(--work-office-accent);
}

.work-office-quick-access > button:focus-visible, .work-office-ribbon-collapse:focus-visible {
  box-shadow: inset 0 0 0 1px var(--work-office-accent);
}

.work-office-quick-access > button:disabled {
  cursor: default;
  opacity: .34;
}

.work-office-quick-access > button > span {
  place-items: center;
  display: grid;
}

.work-office-ribbon-collapse {
  flex: 0 0 26px;
  align-self: center;
  margin: 0 5px 0 2px;
}

.work-office-file-menu {
  border-right: 1px solid var(--a3s-line);
  flex: none;
  align-items: center;
  display: flex;
  position: relative;
}

.work-office-file-trigger {
  min-width: 62px;
  height: 36px;
  color: var(--work-office-accent);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 680;
  display: inline-flex;
}

.work-office-file-trigger:hover, .work-office-file-trigger[aria-expanded="true"] {
  background: color-mix(in srgb,
    var(--work-office-accent) 8%,
    var(--a3s-panel));
}

.work-office-file-trigger:focus-visible {
  outline: 2px solid
    color-mix(in srgb, var(--work-office-accent) 32%, transparent);
  outline-offset: 2px;
}

.work-office-file-popover {
  z-index: 80;
  border: 1px solid var(--a3s-overlay-border, var(--a3s-line));
  background: var(--a3s-overlay-surface, var(--a3s-panel));
  width: min(280px, 100vw - 16px);
  max-height: calc(100dvh - 16px);
  box-shadow: var(--a3s-shadow-soft, 0 16px 42px #121a2b33);
  overscroll-behavior: contain;
  backdrop-filter: blur(18px);
  border-radius: 12px;
  gap: 2px;
  padding: 8px;
  display: grid;
  position: absolute;
  top: 34px;
  left: 0;
  overflow: auto;
}

.work-office-file-popover > button {
  width: 100%;
  min-height: 40px;
  color: var(--a3s-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.35;
  display: grid;
}

.work-office-file-popover > button:hover:not(:disabled), .work-office-file-popover > button:focus-visible {
  background: color-mix(in srgb,
    var(--work-office-accent, var(--a3s-blue)) 8%,
    var(--a3s-panel));
}

.work-office-file-popover > button:focus-visible {
  outline: 2px solid
    color-mix(in srgb,
      var(--work-office-accent, var(--a3s-blue)) 52%,
      var(--a3s-line));
  outline-offset: -2px;
}

.work-office-file-popover > button:disabled {
  color: var(--a3s-faint);
  cursor: not-allowed;
  opacity: 1;
}

.work-office-file-action-icon {
  background: color-mix(in srgb,
    var(--work-office-accent, var(--a3s-blue)) 8%,
    transparent);
  width: 28px;
  height: 28px;
  color: var(--work-office-accent, var(--a3s-blue));
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.work-office-file-action-icon > svg {
  width: 16px;
  height: 16px;
}

.work-office-file-action-label {
  overflow-wrap: anywhere;
  min-width: 0;
}

.work-office-file-popover > button:disabled .work-office-file-action-icon {
  background: color-mix(in srgb, var(--a3s-faint) 8%, transparent);
  color: var(--a3s-faint);
}

.work-office-file-popover > button.danger:not(:disabled) {
  color: var(--a3s-red);
}

.work-office-file-popover > button.danger:not(:disabled) .work-office-file-action-icon {
  background: color-mix(in srgb, var(--a3s-red) 9%, transparent);
  color: currentColor;
}

.work-office-file-popover > button.danger:hover:not(:disabled), .work-office-file-popover > button.danger:focus-visible {
  background: color-mix(in srgb, var(--a3s-red) 8%, var(--a3s-panel));
}

.work-office-file-popover kbd {
  color: var(--a3s-faint);
  font: inherit;
  white-space: nowrap;
  font-size: 9px;
}

.work-office-file-separator {
  background: var(--a3s-line);
  border: 0;
  height: 1px;
  margin: 6px 8px;
}

@media (width <= 640px) {
  .work-office-file-popover > button {
    min-height: 44px;
    padding-block: 8px;
  }
}

.work-office-ribbon-panel {
  align-items: stretch;
  min-width: 0;
  display: flex;
  position: relative;
}

.work-office-ribbon-panel[hidden] {
  display: none;
}

.work-office-ribbon[data-collapsed="true"] .work-office-ribbon-panel:not([hidden]) {
  z-index: 10;
  border-top: 1px solid var(--a3s-line);
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  box-shadow: 0 12px 26px #181f2e26;
}

.work-office-ribbon-panel[data-empty="true"] {
  display: none;
}

.work-office-ribbon .work-office-toolbar {
  border: 0;
  flex: auto;
  align-items: stretch;
  gap: 0;
  width: auto;
  height: 74px;
  min-height: 74px;
  padding: 5px 10px;
  scroll-padding-inline: 34px;
}

.work-office-ribbon .work-office-toolbar[data-has-overflow="true"]:after {
  content: "";
  pointer-events: none;
  flex: 0 0 calc(100% - 34px);
  align-self: stretch;
}

.work-office-ribbon-scroll {
  z-index: 4;
  border: 1px solid
    color-mix(in srgb, var(--work-office-accent) 18%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-panel) 94%, transparent);
  width: 27px;
  height: 63px;
  color: var(--work-office-accent);
  cursor: pointer;
  border-radius: 7px;
  flex: 0 0 27px;
  place-items: center;
  margin-block: 5px 6px;
  padding: 0;
  display: grid;
  box-shadow: 0 3px 12px #141b2b1a;
}

.work-office-ribbon-scroll.previous {
  margin-left: 4px;
}

.work-office-ribbon-scroll.next {
  margin-right: 4px;
}

.work-office-ribbon-scroll:hover, .work-office-ribbon-scroll:focus-visible {
  border-color: color-mix(in srgb,
    var(--work-office-accent) 38%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--work-office-accent) 8%,
    var(--a3s-panel));
  outline: 0;
  box-shadow: 0 5px 16px #141b2b24;
}

.work-office-ribbon-scroll:disabled {
  cursor: default;
  opacity: .38;
}

.work-office-ribbon-scroll:disabled:hover {
  border-color: color-mix(in srgb,
    var(--work-office-accent) 18%,
    var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-panel) 94%, transparent);
  box-shadow: 0 3px 12px #141b2b1a;
}

.work-office-ribbon-group {
  border-right: 1px solid var(--a3s-line);
  flex: none;
  align-items: stretch;
  height: 65px;
  padding: 0 9px 12px;
  display: flex;
  position: relative;
}

.work-office-ribbon-group:first-child {
  padding-left: 2px;
}

.work-office-ribbon-group:last-child {
  border-right: 0;
}

.work-office-ribbon-group > div {
  align-items: center;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.work-office-ribbon-group > span {
  color: var(--a3s-faint);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  line-height: 9px;
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  overflow: hidden;
}

.work-office-ribbon-group[data-has-dialog-launcher="true"] > span {
  right: 15px;
}

.work-office-ribbon .work-office-toolbar .work-office-ribbon-dialog-launcher {
  width: 11px;
  min-width: 11px;
  height: 11px;
  color: var(--a3s-faint);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 2px;
  place-items: center;
  padding: 0;
  display: grid;
  position: absolute;
  bottom: 0;
  right: 2px;
}

.work-office-ribbon .work-office-toolbar .work-office-ribbon-dialog-launcher:hover, .work-office-ribbon .work-office-toolbar .work-office-ribbon-dialog-launcher:focus-visible {
  background: var(--a3s-panel-strong);
  color: var(--work-office-accent);
  outline: 0;
}

.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"], .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) {
  padding-left: 4px;
  padding-right: 4px;
}

.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] > div, .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) > div {
  gap: 0;
}

.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] button.with-label, .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) button.with-label {
  width: 38px;
  min-width: 38px;
  padding-inline: 4px;
}

.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] button.with-label > span, .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) button.with-label > span {
  display: none;
}

.work-office-ribbon .work-office-toolbar button.with-label {
  flex-direction: column;
  gap: 3px;
  width: auto;
  min-width: 56px;
  height: 51px;
  padding: 4px 7px 3px;
}

.work-office-ribbon .work-office-toolbar button.with-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 76px;
  font-size: 10px;
  line-height: 12px;
  overflow: hidden;
}

.work-office-ribbon .work-office-toolbar .work-office-select {
  flex: none;
  align-self: center;
  min-width: 0;
}

.work-office-ribbon .work-office-toolbar .work-office-select > button[role="combobox"] {
  min-width: 0;
  height: 24px;
  padding-inline: 7px 5px;
}

.work-office-ribbon .work-office-toolbar .work-office-number-field {
  align-self: center;
  height: 24px;
}

.work-office-ribbon .work-office-toolbar .work-color-tool {
  flex-basis: 26px;
  align-self: center;
  width: 26px;
  height: 24px;
}

.work-office-ribbon .work-office-toolbar .work-color-tool .work-office-color-trigger {
  width: 26px;
  min-width: 26px;
  height: 24px;
  padding: 0;
}

.work-office-ribbon-badge {
  background: var(--a3s-panel-strong);
  min-width: 14px;
  color: var(--a3s-faint);
  text-align: center;
  border-radius: 999px;
  padding: 0 3px;
  font-size: 7px;
  font-weight: 650;
  line-height: 13px;
  position: absolute;
  top: 2px;
  right: 3px;
}

.work-office-ribbon .work-office-toolbar button.active {
  color: var(--work-office-accent);
}

.work-office-status {
  z-index: 7;
  border-top: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-width: 0;
  height: 28px;
  color: var(--a3s-muted);
  flex: 0 0 28px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 9px 0 12px;
  font-size: 10px;
  display: flex;
}

.work-office-status-info, .work-office-status-view, .work-office-save-status {
  align-items: center;
  min-width: 0;
  display: flex;
}

.work-office-status-info {
  flex: 1;
  gap: 14px;
  overflow: hidden;
}

.work-office-collaboration {
  flex: none;
  min-width: 0;
  display: flex;
}

.work-office-collaboration-trigger, .work-office-status button.work-office-collaboration-trigger {
  width: auto;
  min-width: 24px;
  height: 24px;
  color: var(--a3s-muted);
  font: 600 10px / 1 var(--a3s-ui-font);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 6px;
  display: flex;
}

.work-office-collaboration-trigger:hover, .work-office-collaboration-trigger[aria-expanded="true"] {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-office-collaboration-trigger:focus-visible {
  outline: 2px solid
    color-mix(in srgb,
      var(--work-office-accent, var(--a3s-blue)) 42%,
      transparent);
  outline-offset: 1px;
}

.work-office-collaboration-stack {
  align-items: center;
  padding-left: 4px;
  display: flex;
}

.work-office-collaboration-avatar, .work-office-collaboration-overflow {
  border: 2px solid var(--a3s-panel);
  background: var(--work-office-presence-color, var(--a3s-blue));
  color: #fff;
  width: 28px;
  height: 28px;
  font: 700 11px / 1 var(--a3s-ui-font);
  isolation: isolate;
  border-radius: 50%;
  flex: 0 0 28px;
  place-items: center;
  display: grid;
  position: relative;
  overflow: visible;
}

.work-office-collaboration-avatar[data-compact="true"], .work-office-collaboration-overflow {
  border-width: 1.5px;
  flex-basis: 19px;
  width: 19px;
  height: 19px;
  margin-left: -4px;
  font-size: 8px;
}

.work-office-collaboration-avatar > img {
  z-index: 1;
  border-radius: inherit;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.work-office-collaboration-avatar:after {
  z-index: 2;
  border: 1.5px solid var(--a3s-panel);
  content: "";
  background: #16a34a;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  bottom: -2px;
  right: -2px;
}

.work-office-collaboration-avatar[data-compact="true"]:after {
  border-width: 1px;
  width: 5px;
  height: 5px;
  bottom: -1px;
  right: -1px;
}

.work-office-collaboration-avatar[data-activity="idle"]:after {
  background: #d97706;
}

.work-office-collaboration-avatar[data-activity="away"]:after {
  background: var(--a3s-faint);
}

.work-office-collaboration-overflow {
  z-index: 4;
  background: var(--a3s-panel-strong);
  color: var(--a3s-muted);
}

.work-office-collaboration-summary {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 92px;
  overflow: hidden;
}

.work-office-collaboration-popover {
  width: min(320px, 100vw - 32px);
  padding: 0;
  overflow: hidden;
}

.work-office-collaboration-heading {
  border-bottom: 1px solid var(--a3s-line);
  align-items: center;
  gap: 10px;
  padding: 12px 14px 10px;
  display: flex;
}

.work-office-collaboration-heading-icon {
  background: color-mix(in srgb,
    var(--work-office-accent, var(--a3s-blue)) 10%,
    var(--a3s-panel));
  width: 30px;
  height: 30px;
  color: var(--work-office-accent, var(--a3s-blue));
  border-radius: 8px;
  flex: 0 0 30px;
  place-items: center;
  display: grid;
}

.work-office-collaboration-heading > span:last-child {
  gap: 3px;
  display: grid;
}

.work-office-collaboration-heading strong {
  color: var(--a3s-ink);
  font-size: 12px;
}

.work-office-collaboration-heading small {
  color: var(--a3s-muted);
  font-size: 10px;
}

.work-office-collaboration-list {
  gap: 2px;
  max-height: min(320px, 100dvh - 140px);
  margin: 0;
  padding: 6px;
  list-style: none;
  display: grid;
  overflow-y: auto;
}

.work-office-collaboration-list > li {
  border-radius: 7px;
  min-width: 0;
}

.work-office-collaboration-list > li[data-local="true"] {
  background: var(--a3s-panel-soft);
}

.work-office-collaboration-participant {
  box-sizing: border-box;
  border-radius: inherit;
  width: 100%;
  min-width: 0;
  color: inherit;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  outline: 0;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px;
  display: grid;
}

button.work-office-collaboration-participant {
  cursor: pointer;
  grid-template-columns: 28px minmax(0, 1fr) 18px;
}

button.work-office-collaboration-participant:hover {
  background: color-mix(in srgb,
    var(--work-office-accent, var(--a3s-blue)) 7%,
    var(--a3s-panel));
}

button.work-office-collaboration-participant:focus-visible {
  box-shadow: inset 0 0 0 2px
    color-mix(in srgb,
      var(--work-office-accent, var(--a3s-blue)) 44%,
      transparent);
}

.work-office-collaboration-locate {
  color: var(--work-office-accent, var(--a3s-blue));
  opacity: .72;
}

button.work-office-collaboration-participant:hover .work-office-collaboration-locate, button.work-office-collaboration-participant:focus-visible .work-office-collaboration-locate {
  opacity: 1;
}

.work-office-collaboration-person, .work-office-collaboration-name {
  align-items: center;
  min-width: 0;
  display: flex;
}

.work-office-collaboration-person {
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
}

.work-office-collaboration-name {
  gap: 5px;
}

.work-office-collaboration-name strong {
  color: var(--a3s-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
}

.work-office-collaboration-name small {
  background: var(--a3s-panel-strong);
  color: var(--a3s-muted);
  border-radius: 999px;
  flex: none;
  padding: 2px 5px;
  font-size: 8px;
  line-height: 1;
}

.work-office-collaboration-detail {
  color: var(--a3s-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  overflow: hidden;
}

.work-office-remote-presence-layer {
  z-index: 12;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  inset: 0;
  overflow: visible;
}

.work-office-remote-selection, .work-office-remote-caret {
  box-sizing: border-box;
  pointer-events: none;
  position: absolute;
}

.work-office-remote-selection {
  background: color-mix(in srgb,
    var(--work-office-presence-color) 22%,
    transparent);
  box-shadow: inset 0 -1px 0
    color-mix(in srgb, var(--work-office-presence-color) 66%, transparent);
  border-radius: 2px;
}

.work-office-remote-caret {
  z-index: 1;
  border-left: 2px solid var(--work-office-presence-color);
  min-height: 1em;
  width: 2px !important;
}

.work-office-remote-caret > span {
  background: var(--work-office-presence-color);
  color: #fff;
  max-width: 160px;
  font: 650 9px / 1.25 var(--a3s-ui-font);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 4px 4px 4px 0;
  padding: 3px 6px;
  position: absolute;
  bottom: 100%;
  left: -2px;
  overflow: hidden;
  box-shadow: 0 3px 8px #0f172a29;
}

:is(.work-office-remote-selection, .work-office-remote-caret)[data-activity="idle"] {
  opacity: .68;
}

:is(.work-office-remote-selection, .work-office-remote-caret)[data-activity="away"] {
  opacity: .42;
}

.work-office-status-info output {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.work-office-status-view {
  flex: none;
  gap: 4px;
}

@media (width <= 760px) {
  .work-office-collaboration-trigger {
    padding-inline: 3px;
  }

  .work-office-collaboration-summary {
    display: none;
  }
}

@media (forced-colors: active) {
  .work-office-file-popover {
    backdrop-filter: none;
    background: canvas;
    border-color: canvastext;
  }

  .work-office-file-action-icon {
    background: none;
  }

  .work-office-file-popover > button:focus-visible {
    outline-color: highlight;
  }

  .work-office-file-popover > button.danger:not(:disabled) {
    color: linktext;
  }

  .work-office-collaboration-avatar, .work-office-collaboration-overflow {
    color: highlighttext;
    background: highlight;
    border-color: canvas;
  }

  .work-office-collaboration-trigger:focus-visible {
    outline-color: highlight;
  }

  button.work-office-collaboration-participant:focus-visible {
    outline-offset: -2px;
    box-shadow: none;
    outline: 2px solid highlight;
  }

  .work-office-remote-selection {
    box-shadow: none;
    background: none;
    border: 1px solid highlight;
  }

  .work-office-remote-caret {
    border-color: highlight;
  }
}

.work-office-status button {
  width: 23px;
  height: 22px;
  color: var(--a3s-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  place-items: center;
  padding: 0;
  display: grid;
}

.work-office-status button.work-office-status-text-button {
  width: auto;
  min-width: 0;
  color: inherit;
  font: inherit;
  white-space: nowrap;
  padding: 0 5px;
}

.work-office-status button:hover:not(:disabled), .work-office-status button[aria-pressed="true"] {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-office-status button:disabled {
  cursor: default;
  opacity: .4;
}

.work-office-status-view > output {
  text-align: center;
  width: 35px;
}

.work-office-status-view .work-office-status-slider {
  width: 80px;
  margin: 0 2px;
}

.work-office-status-divider {
  background: var(--a3s-line);
  width: 1px;
  height: 15px;
  margin: 0 3px;
}

.work-office-save-status {
  color: var(--a3s-faint);
  gap: 4px;
}

@media (width <= 1120px) {
  .work-office-ribbon .work-office-toolbar {
    padding-inline: 5px;
  }

  .work-office-ribbon-group {
    padding-left: 4px;
    padding-right: 4px;
  }

  .work-office-ribbon-group:first-child {
    padding-left: 0;
  }

  .work-office-ribbon-group > span {
    left: 4px;
    right: 4px;
  }
}

@media (width <= 900px) {
  .work-office-ribbon-tabs > button {
    padding-inline: 9px;
  }

  .work-office-ribbon-tabs .ds-tabs-label.has-compact {
    display: none;
  }

  .work-office-ribbon-tabs .ds-tabs-label-compact {
    display: inline;
  }
}

.work-office-context-menu {
  --work-office-menu-accent: var(--a3s-blue);
  z-index: 2147483000;
  border: 1px solid var(--a3s-overlay-border);
  border-radius: var(--a3s-overlay-radius);
  background: var(--a3s-overlay-surface);
  width: max-content;
  min-width: 220px;
  max-width: min(320px, 100vw - 16px);
  max-height: calc(100vh - 16px);
  box-shadow: var(--a3s-shadow-soft);
  color: var(--a3s-ink);
  font-family: var(--a3s-ui-font);
  overscroll-behavior: contain;
  backdrop-filter: blur(18px);
  padding: 5px;
  font-size: 11px;
  line-height: 1.25;
  display: grid;
  overflow: auto;
}

.workspace-context-menu {
  position: fixed;
}

.work-office-context-menu > button {
  width: 100%;
  min-height: 32px;
  color: var(--a3s-ink);
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 6px;
  outline: 0;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  display: grid;
}

.work-office-context-menu > button:hover:not(:disabled), .work-office-context-menu > button:focus-visible {
  background: var(--a3s-panel-soft);
  box-shadow: none;
}

.work-office-context-menu > button:focus-visible {
  outline: 1px solid
    color-mix(in srgb, var(--work-office-menu-accent) 58%, var(--a3s-line));
  outline-offset: -1px;
}

.work-office-context-menu > button:disabled {
  cursor: not-allowed;
  opacity: .42;
}

.work-office-context-menu > button.danger {
  color: var(--a3s-red);
}

.work-office-context-menu > button > svg {
  width: 15px;
  height: 15px;
  color: var(--a3s-muted);
  pointer-events: none;
}

.work-office-context-menu > button.danger > svg {
  color: currentColor;
}

.work-office-context-menu > button > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.work-office-context-menu kbd {
  color: var(--a3s-faint);
  font: inherit;
  white-space: nowrap;
  margin-left: 8px;
  font-size: 9px;
}

.workspace-context-menu-separator, .work-spreadsheet-sheet-popover > hr {
  background: var(--a3s-line);
  border: 0;
  height: 1px;
  margin: 4px 7px;
}

@media (width <= 640px) {
  .workspace-context-menu {
    right: 8px;
    bottom: max(8px, env(safe-area-inset-bottom));
    scrollbar-color: var(--a3s-overlay-border) transparent;
    scrollbar-width: thin;
    border-radius: 12px;
    width: auto;
    min-width: 0;
    max-width: none;
    max-height: min(62dvh, 480px);
    padding: 8px;
    top: auto !important;
    left: 8px !important;
  }

  .workspace-context-menu:before {
    background: var(--a3s-overlay-border);
    content: "";
    border-radius: 999px;
    justify-self: center;
    width: 32px;
    height: 4px;
    margin: 1px 0 5px;
  }

  .work-office-context-menu > button {
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 44px;
    padding: 9px 10px;
    font-size: 12px;
  }

  .work-office-context-menu > button > svg {
    width: 16px;
    height: 16px;
  }

  .work-office-context-menu kbd {
    font-size: 10px;
  }

  .workspace-context-menu::-webkit-scrollbar {
    width: 6px;
  }

  .workspace-context-menu::-webkit-scrollbar-thumb {
    background: var(--a3s-overlay-border);
    border-radius: 999px;
  }
}

@media (forced-colors: active) {
  .work-office-context-menu {
    border-color: canvastext;
  }

  .work-office-context-menu > button:focus-visible {
    outline: 2px solid highlight;
  }
}

.work-editor-shell {
  background: var(--a3s-panel);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.work-editor-header {
  z-index: 20;
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  flex: 0 0 50px;
  align-items: center;
  gap: 9px;
  height: 50px;
  padding: 0 12px;
  display: flex;
  box-shadow: 0 1px 4px #141b2b08;
}

.work-editor-back {
  width: 32px;
  height: 32px;
  color: var(--a3s-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  place-items: center;
  padding: 0;
  display: grid;
}

.work-editor-back:hover {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-file-kind-icon {
  border-radius: 8px;
  flex: 0 0 30px;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.work-file-kind-icon.document {
  background: color-mix(in srgb, #3974e8 10%, var(--a3s-panel));
  color: #3974e8;
}

.work-file-kind-icon.spreadsheet {
  background: color-mix(in srgb, #159469 10%, var(--a3s-panel));
  color: #159469;
}

.work-file-kind-icon.presentation {
  background: color-mix(in srgb, #db663b 10%, var(--a3s-panel));
  color: #db663b;
}

.work-file-kind-icon.pdf {
  background: color-mix(in srgb, #c84040 10%, var(--a3s-panel));
  color: #c84040;
}

.work-editor-identity {
  flex-direction: column;
  flex: 1;
  min-width: 180px;
  display: flex;
}

.work-editor-identity .work-office-text-field {
  width: min(100%, 360px);
  height: 24px;
  color: var(--a3s-ink);
  text-overflow: ellipsis;
  background: none;
  border: 1px solid #0000;
  border-radius: 5px;
  outline: 0;
  padding: 0 4px;
  font-size: 13px;
  font-weight: 650;
  overflow: hidden;
}

.work-editor-identity .work-office-text-field:hover {
  border-color: var(--a3s-line);
}

.work-editor-identity .work-office-text-field:focus {
  border-color: var(--a3s-blue);
  background: var(--a3s-panel);
}

.work-editor-identity > span {
  height: 16px;
  color: var(--a3s-faint);
  align-items: center;
  gap: 5px;
  padding-left: 4px;
  font-size: 9px;
  display: flex;
}

.work-editor-identity > span > span {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.work-editor-identity i {
  font-style: normal;
}

.work-editor-header-actions {
  flex: none;
  align-items: center;
  gap: 6px;
  display: flex;
}

.work-editor-ai-button {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  height: 33px;
  color: var(--a3s-muted);
  white-space: nowrap;
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 620;
  display: inline-flex;
}

.work-editor-ai-button:hover, .work-editor-ai-button.active {
  border-color: color-mix(in srgb, #6f5be8 42%, var(--a3s-line));
  background: color-mix(in srgb, #6f5be8 8%, var(--a3s-panel));
  color: #6453d9;
}

.work-local-save-button {
  border: 1px solid var(--a3s-line-strong);
  background: var(--a3s-panel);
  height: 33px;
  color: var(--a3s-ink);
  white-space: nowrap;
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 620;
  display: inline-flex;
}

.work-local-save-button:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--a3s-blue) 54%, var(--a3s-line));
  background: var(--a3s-panel-soft);
  color: var(--a3s-blue);
}

.work-local-save-button:disabled {
  cursor: wait;
  opacity: .6;
}

.work-export-button {
  background: var(--a3s-action);
  height: 33px;
  color: var(--a3s-action-ink);
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font-size: 10px;
  font-weight: 620;
  display: inline-flex;
}

.work-export-button:hover:not(:disabled) {
  background: var(--a3s-action-hover);
}

.work-export-button:disabled {
  cursor: wait;
  opacity: .6;
}

.work-local-save-form {
  gap: 16px;
  display: grid;
}

.work-local-save-form > .work-office-field {
  color: var(--a3s-muted);
  gap: 7px;
  font-size: 11px;
  font-weight: 620;
  display: grid;
}

.work-local-save-form .work-office-text-field {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-width: 0;
  height: 36px;
  color: var(--a3s-ink);
  font: inherit;
  border-radius: 8px;
  outline: 0;
  padding: 0 10px;
  font-weight: 500;
}

.work-local-save-form .work-office-text-field:focus {
  border-color: var(--a3s-blue);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--a3s-blue) 10%, transparent);
}

.work-local-save-location {
  gap: 8px;
  min-width: 0;
  display: flex;
}

.work-local-save-location input {
  color: var(--a3s-muted);
  flex: 1;
}

.work-local-save-location button {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  height: 36px;
  color: var(--a3s-ink);
  cursor: pointer;
  border-radius: 8px;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 0 11px;
  font-size: 10px;
  display: inline-flex;
}

.work-local-save-message.ds-inline-notice {
  margin: -4px 0 0;
  padding: 8px 9px;
}

.work-local-save-message .ds-inline-notice-copy {
  font-size: 10px;
  line-height: 1.5;
}

.work-local-conflict-summary.ds-inline-notice {
  padding: 13px;
}

.work-local-conflict-summary code {
  overflow-wrap: anywhere;
  color: var(--a3s-muted);
  font: 10px / 1.5 SFMono-Regular, Consolas, monospace;
}

.work-editor-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.work-compatibility-banner {
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, #d89116 28%, var(--a3s-line));
  background: color-mix(in srgb, #f0a51c 9%, var(--a3s-panel));
  min-height: 34px;
  color: color-mix(in srgb, #8d5700 86%, var(--a3s-ink));
  text-align: left;
  cursor: pointer;
  flex: 0 0 34px;
  align-items: center;
  gap: 7px;
  padding: 0 15px;
  font-size: 10px;
  display: flex;
}

.work-compatibility-banner > span {
  flex: 1;
}

.work-compatibility-banner > strong {
  text-underline-offset: 2px;
  font-size: 9px;
  text-decoration: underline;
}

.work-compatibility-report {
  flex-direction: column;
  gap: 13px;
  min-height: 0;
  display: flex;
}

.work-compatibility-details.ds-button {
  align-self: flex-start;
  min-height: 28px;
  padding: 0 9px;
  font-size: 9px;
}

.work-compatibility-report > header {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  border-radius: 10px;
  align-items: center;
  gap: 11px;
  padding: 11px 12px;
  display: flex;
}

.work-compatibility-report > header > span {
  border-radius: 9px;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.work-compatibility-report > header.warning > span {
  background: color-mix(in srgb, #f0a51c 14%, var(--a3s-panel));
  color: #ad6c00;
}

.work-compatibility-report > header.error > span {
  background: color-mix(in srgb, var(--a3s-red) 11%, var(--a3s-panel));
  color: var(--a3s-red);
}

.work-compatibility-report > header.clear > span {
  background: color-mix(in srgb, #159469 11%, var(--a3s-panel));
  color: #147657;
}

.work-compatibility-report > header > div {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.work-compatibility-report > header strong {
  color: var(--a3s-ink);
  font-size: 11px;
}

.work-compatibility-report > header small {
  color: var(--a3s-muted);
  font-size: 9px;
  line-height: 1.4;
}

.work-compatibility-report ol {
  flex-direction: column;
  gap: 6px;
  max-height: min(430px, 56vh);
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow-y: auto;
}

.work-compatibility-report li {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  border-radius: 8px;
  gap: 9px;
  padding: 9px 10px;
  display: flex;
}

.work-compatibility-report li > span {
  color: #b16e00;
  padding-top: 1px;
}

.work-compatibility-report li.info > span {
  color: var(--a3s-blue);
}

.work-compatibility-report li > div {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.work-compatibility-report li strong {
  color: var(--a3s-ink);
  font-size: 10px;
}

.work-compatibility-report li p {
  color: var(--a3s-muted);
  margin: 0;
  font-size: 9px;
  line-height: 1.45;
}

.work-compatibility-report li small {
  color: var(--a3s-faint);
  font-size: 8px;
}

.work-editor-loading.ds-state-view {
  background: var(--a3s-bg);
  flex: 1 1 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: clamp(24px, 5vw, 56px);
  position: relative;
  overflow: hidden;
}

.work-editor-loading.ds-state-view .ds-state-view-icon {
  background: none;
  border-radius: 22px;
  width: 72px;
  height: 72px;
  margin-bottom: 16px;
}

.work-editor-loading-visual {
  isolation: isolate;
  place-items: center;
  width: 64px;
  height: 64px;
  display: grid;
  position: relative;
}

.work-editor-loading-focus {
  z-index: -1;
  background: color-mix(in srgb, var(--a3s-blue) 10%, var(--a3s-panel));
  opacity: .44;
  border-radius: 18px;
  animation: 1.8s ease-in-out infinite work-editor-loading-focus;
  position: absolute;
  inset: 5px;
}

.work-editor-loading-page {
  border: 1px solid color-mix(in srgb, var(--a3s-blue) 24%, var(--a3s-line));
  background: var(--a3s-panel);
  width: 32px;
  height: 42px;
  box-shadow: 0 10px 24px -16px color-mix(in srgb, var(--a3s-blue) 70%, black);
  border-radius: 7px;
  flex-direction: column;
  gap: 5px;
  padding: 11px 7px 8px;
  animation: 1.8s cubic-bezier(.16, 1, .3, 1) infinite work-editor-loading-page;
  display: flex;
  position: relative;
}

.work-editor-loading-page:after {
  border-top: 1px solid color-mix(in srgb, var(--a3s-blue) 48%, transparent);
  border-right: 1px solid color-mix(in srgb, var(--a3s-blue) 48%, transparent);
  content: "";
  border-radius: 0 2px 0 0;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 5px;
  right: 5px;
}

.work-editor-loading-line {
  background: color-mix(in srgb, var(--a3s-ink) 36%, transparent);
  transform-origin: 0;
  border-radius: 2px;
  flex: 0 0 2px;
  width: 100%;
  height: 2px;
  animation: 1.8s cubic-bezier(.16, 1, .3, 1) infinite work-editor-loading-line;
  display: block;
}

.work-editor-loading-line--accent {
  background: var(--a3s-blue);
  width: 68%;
  animation-delay: -120ms;
}

.work-editor-loading-line--short {
  width: 76%;
  animation-delay: .12s;
}

.work-editor-loading.ds-state-view h2 {
  letter-spacing: -.01em;
  text-wrap: balance;
  max-width: min(360px, 100%);
  font-size: 13px;
  font-weight: 650;
}

@keyframes work-editor-loading-focus {
  0%, 100% {
    opacity: .34;
    transform: scale(.88);
  }

  48% {
    opacity: .72;
    transform: scale(1);
  }
}

@keyframes work-editor-loading-page {
  0%, 100% {
    box-shadow: 0 8px 20px -16px color-mix(in srgb, var(--a3s-blue) 56%, black);
    transform: translateY(1px);
  }

  48% {
    box-shadow: 0 14px 28px -14px color-mix(in srgb, var(--a3s-blue) 72%, black);
    transform: translateY(-1px);
  }
}

@keyframes work-editor-loading-line {
  0%, 12% {
    opacity: .38;
    transform: scaleX(.28);
  }

  44%, 72% {
    opacity: 1;
    transform: scaleX(1);
  }

  100% {
    opacity: .62;
    transform: scaleX(.78);
  }
}

@media (prefers-reduced-motion: reduce) {
  .work-editor-loading-focus, .work-editor-loading-page, .work-editor-loading-line {
    animation: none;
  }

  .work-editor-loading-focus {
    opacity: .56;
    transform: none;
  }

  .work-editor-loading-line {
    opacity: 1;
    transform: none;
  }
}

@media (forced-colors: active) {
  .work-editor-loading-focus {
    background: canvas;
    outline: 1px solid highlight;
  }

  .work-editor-loading-page {
    box-shadow: none;
    background: canvas;
    border-color: canvastext;
  }

  .work-editor-loading-line {
    background: canvastext;
  }

  .work-editor-loading-line--accent {
    background: highlight;
  }
}

.work-version-history {
  min-height: 240px;
}

.work-version-state.ds-state-view {
  min-height: 210px;
}

.work-version-history ol {
  flex-direction: column;
  gap: 7px;
  max-height: min(460px, 62vh);
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow-y: auto;
}

.work-version-history li {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  border-radius: 9px;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 8px 10px;
  display: flex;
}

.work-version-icon {
  background: var(--a3s-panel);
  width: 30px;
  height: 30px;
  color: var(--a3s-blue);
  border-radius: 8px;
  flex: 0 0 30px;
  place-items: center;
  display: grid;
}

.work-version-history li > span:nth-child(2) {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.work-version-history strong {
  color: var(--a3s-ink);
  font-size: 11px;
}

.work-version-history small {
  color: var(--a3s-faint);
  margin-top: 2px;
  font-size: 9px;
}

.work-version-history em {
  color: var(--a3s-blue);
  font-size: 9px;
  font-style: normal;
  font-weight: 650;
}

.work-version-history .ds-button {
  min-height: 28px;
  padding-inline: 9px;
  font-size: 10px;
}

.work-version-history .ds-button:disabled {
  cursor: wait;
}

.work-office-toolbar {
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  scrollbar-width: none;
  flex: 0 0 43px;
  align-items: center;
  gap: 3px;
  min-width: 0;
  height: 43px;
  padding: 5px 12px;
  display: flex;
  overflow-x: auto;
}

.work-office-toolbar::-webkit-scrollbar {
  display: none;
}

.work-office-toolbar button {
  min-width: 29px;
  height: 29px;
  color: var(--a3s-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 7px;
  font-size: 10px;
  display: inline-flex;
}

.work-office-toolbar button:hover:not(:disabled), .work-office-toolbar button.active {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-office-toolbar button.active {
  color: var(--a3s-blue);
}

.work-office-toolbar button:disabled {
  cursor: not-allowed;
  opacity: .35;
}

.work-color-tool {
  cursor: pointer;
  border-radius: 6px;
  flex: 0 0 29px;
  place-items: center;
  width: 29px;
  height: 29px;
  display: grid;
  position: relative;
}

.work-color-tool:hover {
  background: var(--a3s-panel-soft);
}

.work-color-tool > span {
  border: 1px solid var(--a3s-line-strong);
  border-radius: 2px;
  width: 15px;
  height: 5px;
  margin-top: 8px;
}

.work-color-tool:before {
  color: var(--a3s-muted);
  content: "A";
  font-size: 10px;
  font-weight: 650;
  position: absolute;
  top: 4px;
}

.work-color-tool > input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}

.work-ribbon-glyph {
  color: currentColor;
  font-family: Georgia, serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 19px;
}

@media (width <= 1120px) {
  .work-editor-header {
    gap: 6px;
    padding-inline: 8px;
  }

  .work-editor-identity {
    min-width: 0;
  }

  .work-editor-header-actions {
    gap: 4px;
  }

  .work-editor-header-actions > .work-icon-button {
    display: none;
  }

  .work-local-save-button, .work-editor-ai-button {
    justify-content: center;
    width: 32px;
    min-width: 32px;
    padding: 0;
    font-size: 0;
  }

  .work-preview-switch {
    flex: none;
  }

  .work-preview-switch .ds-segmented-control-content {
    width: 29px;
    padding: 0;
  }

  .work-preview-switch .ds-segmented-control-label {
    display: none;
  }
}

.work-document-editor {
  background: var(--a3s-bg);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.work-document-review-conflict.ds-inline-notice {
  flex: none;
  margin: 8px 12px 0;
}

.work-document-font-tools, .work-document-paragraph-tools {
  align-content: center;
  gap: 2px;
  min-width: 0;
  display: grid;
}

.work-document-font-selects, .work-document-font-actions, .work-document-paragraph-actions, .work-document-alignment-actions {
  align-items: center;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.work-document-underline-control, .work-document-underline-split-root {
  flex: none;
  align-items: stretch;
  display: inline-flex;
}

.work-document-underline-control {
  gap: 2px;
}

.work-document-underline-split-root {
  border-radius: 6px;
  height: 29px;
}

.work-office-ribbon .work-office-toolbar .work-document-underline-split-root > button {
  border-radius: 0;
  height: 29px;
  padding: 0;
}

.work-office-ribbon .work-office-toolbar .work-document-underline-split-root > .work-document-underline-primary {
  border-radius: 6px 0 0 6px;
  width: 27px;
  min-width: 27px;
}

.work-office-ribbon .work-office-toolbar .work-document-underline-split-root > .work-document-underline-disclosure {
  border-left: 1px solid color-mix(in srgb, var(--a3s-line) 72%, transparent);
  border-radius: 0 6px 6px 0;
  width: 14px;
  min-width: 14px;
}

.work-document-underline-disclosure svg {
  transition: transform .12s;
}

.work-document-underline-disclosure[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.work-document-underline-primary:focus-visible, .work-document-underline-disclosure:focus-visible {
  box-shadow: inset 0 0 0 1px var(--work-office-accent);
  outline: 0;
}

.work-document-underline-color {
  flex: 0 0 25px;
  width: 25px;
  height: 29px;
}

.work-document-underline-color .work-office-color-trigger {
  width: 25px;
  min-width: 25px;
  height: 29px;
  padding: 0;
}

.work-document-ribbon .work-document-font-actions .work-document-underline-color {
  flex-basis: 26px;
  width: 26px;
  height: 24px;
}

.work-document-ribbon .work-document-font-actions .work-document-underline-color .work-office-color-trigger {
  width: 26px;
  min-width: 26px;
  height: 24px;
}

.work-document-underline-menu {
  --work-office-menu-accent: var(--work-office-accent);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(520px, 100vw - 24px);
}

.work-document-underline-menu > button {
  grid-template-columns: 34px minmax(0, 1fr) auto;
}

.work-document-underline-menu > button[aria-checked="true"] {
  background: color-mix(in srgb,
    var(--work-office-menu-accent) 10%,
    transparent);
}

.work-document-underline-menu > button[aria-checked="true"]:after {
  color: var(--work-office-menu-accent);
  content: "✓";
  grid-column: 3;
  font-size: 12px;
  font-weight: 700;
}

.work-document-underline-menu > button[aria-checked="true"] > kbd:last-child {
  display: none;
}

.work-document-underline-glyph {
  width: 32px;
  height: 22px;
  color: var(--work-office-menu-accent);
  place-items: center;
  font-size: 11px;
  line-height: 17px;
  display: grid;
  position: relative;
}

.work-document-underline-glyph > span {
  text-underline-offset: 2px;
  text-decoration-line: underline;
}

.work-document-underline-glyph[data-underline-style="none"] {
  opacity: .45;
}

.work-document-underline-glyph[data-underline-style="none"] > span {
  text-decoration: none;
}

.work-document-underline-glyph[data-underline-style="none"]:after {
  content: "";
  background: currentColor;
  width: 25px;
  height: 1px;
  position: absolute;
  transform: rotate(-32deg);
}

.work-document-underline-glyph[data-underline-style="double"] > span, .work-document-underline-glyph[data-underline-style="wavyDouble"] > span {
  text-decoration-style: double;
}

.work-document-underline-glyph[data-underline-style="dotted"] > span, .work-document-underline-glyph[data-underline-style="dottedHeavy"] > span {
  text-decoration-style: dotted;
}

.work-document-underline-glyph[data-underline-style="dash"] > span, .work-document-underline-glyph[data-underline-style="dashedHeavy"] > span, .work-document-underline-glyph[data-underline-style="dashLong"] > span, .work-document-underline-glyph[data-underline-style="dashLongHeavy"] > span, .work-document-underline-glyph[data-underline-style="dotDash"] > span, .work-document-underline-glyph[data-underline-style="dashDotHeavy"] > span, .work-document-underline-glyph[data-underline-style="dotDotDash"] > span, .work-document-underline-glyph[data-underline-style="dashDotDotHeavy"] > span {
  text-decoration-style: dashed;
}

.work-document-underline-glyph[data-underline-style="wave"] > span, .work-document-underline-glyph[data-underline-style="wavyHeavy"] > span, .work-document-underline-glyph[data-underline-style="wavyDouble"] > span {
  text-decoration-style: wavy;
}

.work-document-underline-glyph[data-underline-style="thick"] > span, .work-document-underline-glyph[data-underline-style="dottedHeavy"] > span, .work-document-underline-glyph[data-underline-style="dashedHeavy"] > span, .work-document-underline-glyph[data-underline-style="dashLongHeavy"] > span, .work-document-underline-glyph[data-underline-style="dashDotHeavy"] > span, .work-document-underline-glyph[data-underline-style="dashDotDotHeavy"] > span, .work-document-underline-glyph[data-underline-style="wavyHeavy"] > span {
  text-decoration-thickness: 2px;
}

.work-document-ribbon .work-document-font-actions .work-document-underline-split-root, .work-document-ribbon .work-document-font-actions .work-document-underline-split-root > button {
  height: 24px;
}

.work-document-ribbon .work-document-font-actions .work-document-underline-split-root > .work-document-underline-primary {
  width: 23px;
  min-width: 23px;
}

.work-document-ribbon .work-document-font-actions .work-document-underline-split-root > .work-document-underline-disclosure {
  width: 12px;
  min-width: 12px;
}

.work-document-selection-toolbar .work-document-underline-split-root > button, .work-document-selection-toolbar .work-document-strike-split-root > button {
  color: var(--a3s-muted);
  cursor: pointer;
  appearance: none;
  touch-action: manipulation;
  background: none;
  border: 1px solid #0000;
  flex: none;
  place-items: center;
  margin: 0;
  display: inline-grid;
}

.work-document-selection-toolbar .work-document-underline-split-root > button:hover, .work-document-selection-toolbar .work-document-strike-split-root > button:hover {
  border-color: var(--a3s-line);
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-document-selection-toolbar .work-document-underline-split-root > button[aria-pressed="true"], .work-document-selection-toolbar .work-document-strike-split-root > button[aria-pressed="true"] {
  border-color: color-mix(in srgb,
    var(--work-office-accent) 28%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--work-office-accent) 11%,
    var(--a3s-panel));
  color: var(--work-office-accent);
}

.work-document-selection-toolbar .work-document-underline-split-root > .work-document-underline-primary, .work-document-selection-toolbar .work-document-strike-split-root > .work-document-strike-primary, .work-document-selection-toolbar .work-document-underline-split-root > .work-document-underline-primary:hover, .work-document-selection-toolbar .work-document-strike-split-root > .work-document-strike-primary:hover, .work-document-selection-toolbar .work-document-underline-split-root > .work-document-underline-primary[aria-pressed="true"], .work-document-selection-toolbar .work-document-strike-split-root > .work-document-strike-primary[aria-pressed="true"] {
  border-right-color: #0000;
}

.work-document-selection-toolbar > .work-document-underline-control {
  gap: 0;
  height: 28px;
}

.work-document-selection-toolbar .work-document-underline-split-root, .work-document-selection-toolbar .work-document-underline-split-root > button {
  height: 28px;
}

.work-document-selection-toolbar .work-document-underline-split-root > .work-document-underline-primary {
  border-radius: 5px 0 0 5px;
  width: 26px;
  min-width: 26px;
  padding: 0;
}

.work-document-selection-toolbar .work-document-underline-split-root > .work-document-underline-disclosure {
  border-left: 1px solid var(--a3s-line);
  border-radius: 0 5px 5px 0;
  width: 12px;
  min-width: 12px;
  padding: 0;
}

.work-document-strike-control, .work-document-strike-split-root {
  flex: none;
  align-items: stretch;
  display: inline-flex;
}

.work-document-strike-split-root {
  border-radius: 6px;
  height: 29px;
}

.work-office-ribbon .work-office-toolbar .work-document-strike-split-root > button {
  border-radius: 0;
  height: 29px;
  padding: 0;
}

.work-office-ribbon .work-office-toolbar .work-document-strike-split-root > .work-document-strike-primary {
  border-radius: 6px 0 0 6px;
  width: 27px;
  min-width: 27px;
}

.work-office-ribbon .work-office-toolbar .work-document-strike-split-root > .work-document-strike-disclosure {
  border-left: 1px solid color-mix(in srgb, var(--a3s-line) 72%, transparent);
  border-radius: 0 6px 6px 0;
  width: 14px;
  min-width: 14px;
}

.work-document-strike-disclosure svg {
  transition: transform .12s;
}

.work-document-strike-disclosure[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.work-document-strike-primary:focus-visible, .work-document-strike-disclosure:focus-visible {
  box-shadow: inset 0 0 0 1px var(--work-office-accent);
  outline: 0;
}

.work-document-strike-menu {
  --work-office-menu-accent: var(--work-office-accent);
  width: min(260px, 100vw - 24px);
}

.work-document-strike-menu > button {
  grid-template-columns: 34px minmax(0, 1fr) auto;
}

.work-document-strike-menu > button[aria-checked="true"] {
  background: color-mix(in srgb,
    var(--work-office-menu-accent) 10%,
    transparent);
}

.work-document-strike-menu > button[aria-checked="true"]:after {
  color: var(--work-office-menu-accent);
  content: "✓";
  grid-column: 3;
  font-size: 12px;
  font-weight: 700;
}

.work-document-strike-glyph {
  width: 32px;
  height: 22px;
  color: var(--work-office-menu-accent);
  place-items: center;
  font-size: 11px;
  line-height: 17px;
  display: grid;
  position: relative;
}

.work-document-strike-glyph > span {
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-line: line-through;
}

.work-document-strike-glyph[data-strike-style="none"] {
  opacity: .45;
}

.work-document-strike-glyph[data-strike-style="none"] > span {
  text-decoration: none;
}

.work-document-strike-glyph[data-strike-style="none"]:after {
  content: "";
  background: currentColor;
  width: 25px;
  height: 1px;
  position: absolute;
  transform: rotate(-32deg);
}

.work-document-strike-glyph[data-strike-style="double"] > span {
  text-decoration-style: double;
}

.work-document-ribbon .work-document-font-actions .work-document-strike-split-root, .work-document-ribbon .work-document-font-actions .work-document-strike-split-root > button {
  height: 24px;
}

.work-document-ribbon .work-document-font-actions .work-document-strike-split-root > .work-document-strike-primary {
  width: 23px;
  min-width: 23px;
}

.work-document-ribbon .work-document-font-actions .work-document-strike-split-root > .work-document-strike-disclosure {
  width: 12px;
  min-width: 12px;
}

.work-document-selection-toolbar > .work-document-strike-control, .work-document-selection-toolbar .work-document-strike-split-root, .work-document-selection-toolbar .work-document-strike-split-root > button {
  height: 28px;
}

.work-document-selection-toolbar .work-document-strike-split-root > .work-document-strike-primary {
  border-radius: 5px 0 0 5px;
  width: 26px;
  min-width: 26px;
  padding: 0;
}

.work-document-selection-toolbar .work-document-strike-split-root > .work-document-strike-disclosure {
  border-left: 1px solid var(--a3s-line);
  border-radius: 0 5px 5px 0;
  width: 12px;
  min-width: 12px;
  padding: 0;
}

@media (width <= 640px) {
  .work-document-underline-menu {
    grid-template-columns: minmax(0, 1fr);
    width: min(300px, 100vw - 16px);
  }
}

.work-document-ribbon .work-document-font-tools .work-office-select > button[role="combobox"], .work-document-ribbon .work-document-paragraph-tools .work-office-select > button[role="combobox"] {
  min-width: 0;
  height: 24px;
  padding-inline: 7px 5px;
}

.work-document-ribbon .work-document-font-family-select {
  width: 126px;
}

.work-document-ribbon .work-document-font-size-select {
  width: 64px;
}

.work-document-ribbon .work-document-line-height-select {
  width: 96px;
}

.work-document-ribbon .work-document-connector-kind-select, .work-document-ribbon .work-document-connector-width-select {
  width: 118px;
}

.work-document-ribbon .work-document-connector-style-select {
  width: 88px;
}

.work-document-ribbon .work-document-connector-arrow-select {
  width: 104px;
}

.work-document-ribbon .work-document-picture-wrap-distance-select {
  width: 120px;
}

.work-document-ribbon .work-document-text-box-shape-select {
  width: 104px;
}

.work-document-ribbon .work-document-text-box-border-width-select {
  width: 118px;
}

.work-document-ribbon .work-document-field-insert-menu {
  flex: 0 0 96px;
  width: 96px;
}

.work-document-field-insert-trigger {
  box-sizing: border-box;
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  width: 96px;
  min-width: 0;
  height: 24px;
  color: var(--a3s-ink);
  font: inherit;
  cursor: pointer;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 1;
  display: inline-flex;
}

.work-document-field-insert-trigger > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.work-document-field-insert-trigger:hover:not(:disabled), .work-document-field-insert-trigger.open, .work-document-field-insert-trigger[aria-expanded="true"] {
  border-color: color-mix(in srgb,
    var(--a3s-accent, #2563eb) 45%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--a3s-accent, #2563eb) 6%,
    var(--a3s-panel));
}

.work-document-field-insert-trigger:focus-visible {
  outline: 2px solid var(--a3s-accent, #2563eb);
  outline-offset: 1px;
}

.work-document-ribbon .work-office-ribbon-group > .work-document-page-setup-choice {
  align-content: center;
  gap: 2px;
  width: 118px;
  padding-inline: 1px;
  display: grid;
}

.work-document-page-setup-choice > span {
  color: var(--a3s-faint);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-inline: 2px;
  font-size: 8px;
  line-height: 10px;
  overflow: hidden;
}

.work-document-ribbon .work-document-page-setup-choice .work-office-select > button[role="combobox"] {
  gap: 4px;
  min-width: 0;
  height: 24px;
  padding-inline: 6px 5px;
}

.work-document-selection-toolbar {
  z-index: 70;
  box-sizing: border-box;
  border: 1px solid var(--a3s-overlay-border);
  border-radius: var(--a3s-overlay-radius);
  background: var(--a3s-overlay-surface);
  max-width: calc(100vw - 16px);
  min-height: 40px;
  box-shadow: var(--a3s-shadow-soft);
  color: var(--a3s-ink);
  font-family: var(--a3s-ui-font);
  align-items: center;
  gap: 2px;
  padding: 5px;
  display: flex;
}

.work-document-selection-toolbar .work-office-select > button[role="combobox"] {
  background: none;
  border-color: #0000;
  border-radius: 5px;
  gap: 4px;
  min-width: 0;
  height: 28px;
  padding: 0 5px 0 7px;
  font-size: 10px;
}

.work-document-selection-toolbar .work-office-select > button[role="combobox"]:hover, .work-document-selection-toolbar .work-office-select > button[role="combobox"][aria-expanded="true"] {
  border-color: var(--a3s-line);
  background: var(--a3s-panel-soft);
}

.work-document-selection-toolbar .work-document-selection-font-family {
  width: 112px;
}

.work-document-selection-toolbar .work-document-selection-font-size {
  width: 58px;
}

.work-document-selection-toolbar > button {
  width: 28px;
  height: 28px;
  color: var(--a3s-muted);
  cursor: pointer;
  touch-action: manipulation;
  background: none;
  border: 1px solid #0000;
  border-radius: 5px;
  flex: 0 0 28px;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.work-document-selection-toolbar > button:hover {
  border-color: var(--a3s-line);
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-document-selection-toolbar > button[aria-pressed="true"] {
  border-color: color-mix(in srgb,
    var(--work-office-accent) 28%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--work-office-accent) 11%,
    var(--a3s-panel));
  color: var(--work-office-accent);
}

.work-document-selection-toolbar > button:focus-visible, .work-document-selection-toolbar .work-office-select > button[role="combobox"]:focus-visible, .work-document-selection-toolbar .work-office-color-trigger:focus-visible {
  outline: 2px solid
    color-mix(in srgb, var(--work-office-accent) 62%, transparent);
  outline-offset: 1px;
}

.work-document-selection-toolbar > button:disabled {
  opacity: .38;
  cursor: default;
}

.work-document-selection-toolbar > button:disabled:hover {
  color: var(--a3s-muted);
  background: none;
  border-color: #0000;
}

.work-document-selection-toolbar .work-document-selection-color {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
}

.work-document-selection-toolbar .work-office-color-trigger {
  background: none;
  border-color: #0000;
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
}

.work-document-selection-toolbar .work-office-color-trigger:hover {
  border-color: var(--a3s-line);
  background: var(--a3s-panel-soft);
}

.work-document-selection-divider {
  background: var(--a3s-line);
  flex: 0 0 1px;
  width: 1px;
  height: 20px;
  margin: 0 2px;
}

@media (width <= 520px) {
  .work-document-selection-toolbar > button.secondary {
    display: none;
  }

  .work-document-selection-toolbar .work-document-selection-font-family {
    width: 98px;
  }

  .work-document-selection-toolbar .work-document-selection-font-size {
    width: 54px;
  }
}

@media (width <= 420px) {
  .work-document-selection-toolbar .work-document-selection-font-family {
    display: none;
  }
}

.work-document-pagination-popover, .work-document-paragraph-spacing-popover, .work-document-table-margins-popover, .work-office-table-insert-popover {
  align-items: center;
  display: flex;
}

.work-document-table-style-gallery {
  align-items: center;
  gap: 3px;
  display: flex;
}

.work-document-table-style-gallery > label {
  width: 48px;
  min-width: 48px;
  height: 48px;
  color: var(--a3s-muted);
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 5px;
  align-content: center;
  place-items: center;
  gap: 2px;
  font-size: 8px;
  line-height: 1;
  display: grid;
  position: relative;
}

.work-document-table-style-gallery > label:hover, .work-document-table-style-gallery > label.active {
  border-color: color-mix(in srgb,
    var(--work-office-accent) 32%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--work-office-accent) 8%,
    var(--a3s-panel));
  color: var(--a3s-ink);
}

.work-document-table-style-gallery > label > input {
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  inset: 0;
}

.work-document-table-style-gallery > label:has(input:focus-visible) {
  outline: 2px solid
    color-mix(in srgb, var(--work-office-accent) 62%, transparent);
  outline-offset: 1px;
}

.work-document-table-style-preview {
  border: 1px solid var(--work-table-style-border);
  background: linear-gradient(to bottom,
    var(--work-table-style-header) 0 34%,
    var(--work-table-style-body) 34% 67%,
    var(--work-table-style-alternate) 67% 100%);
  width: 36px;
  height: 25px;
  color: color-mix(in srgb, var(--work-table-style-border) 65%, #586174);
  border-radius: 2px;
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

.work-document-table-style-preview:before, .work-document-table-style-preview:after {
  background: var(--work-table-style-border);
  content: "";
  opacity: .8;
  position: absolute;
}

.work-document-table-style-preview:before {
  width: 1px;
  inset: 0 auto 0 50%;
}

.work-document-table-style-preview:after {
  height: 1px;
  box-shadow: 0 8px 0 var(--work-table-style-border);
  inset: 33% 0 auto;
}

.work-document-table-style-preview > svg {
  opacity: 0;
}

.work-document-table-color-picker.labeled .work-office-color-trigger {
  min-width: 68px;
}

.work-document-table-border-select {
  width: 76px;
}

.work-document-table-border-select > button[role="combobox"] {
  height: 24px;
  padding-inline: 6px 4px;
  font-size: 9px;
}

.work-document-table-border-target-select {
  width: 128px;
}

.work-document-table-border-target-select > button[role="combobox"] {
  height: 24px;
  padding-inline: 6px 4px;
  font-size: 9px;
}

.work-document-table-size-fields {
  gap: 3px;
  width: 116px;
  display: grid;
}

.work-document-table-size-field {
  color: var(--a3s-muted);
  grid-template-columns: 28px 58px 24px;
  align-items: center;
  font-size: 9px;
  display: grid;
}

.work-document-table-size-field .work-office-number-field {
  grid-template-rows: 23px;
  min-width: 0;
  height: 23px;
}

.work-document-table-size-field .work-office-number-field > input {
  height: 23px;
  min-height: 0;
}

.work-document-table-size-field small {
  color: var(--a3s-faint);
  padding-left: 3px;
  font-size: 8px;
}

.work-document-table-layout-select {
  width: 104px;
}

.work-document-table-layout-select > button[role="combobox"] {
  min-width: 104px;
  height: 24px;
  padding-inline: 7px 4px;
  font-size: 9px;
}

.work-document-table-properties-dialog {
  width: min(520px, 100%);
}

.work-document-table-properties-dialog form {
  gap: 0;
  display: grid;
}

.work-document-table-properties-tabs {
  background: var(--a3s-panel-soft);
  border-radius: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3px;
  margin: -4px 0 18px;
  padding: 3px;
  display: grid;
}

.work-document-table-properties-tabs > button {
  min-height: 36px;
  color: var(--a3s-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 620;
}

.work-document-table-properties-tabs > button[aria-selected="true"] {
  background: var(--a3s-panel);
  color: var(--a3s-blue);
  box-shadow: 0 1px 3px #141c2a1a;
}

.work-document-table-properties-tabs > button:hover {
  color: var(--a3s-ink);
}

.work-document-table-properties-tabs > button:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 58%, transparent);
  outline-offset: 1px;
}

.work-document-table-properties-panel {
  outline: none;
  align-content: start;
  gap: 20px;
  min-height: 260px;
  display: grid;
}

.work-document-table-properties-section {
  border: 0;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-document-table-properties-section > legend {
  color: var(--a3s-ink);
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 650;
}

.work-document-table-properties-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}

.work-document-table-properties-choice-grid label {
  cursor: pointer;
  min-width: 0;
  position: relative;
}

.work-document-table-properties-choice-grid input {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: absolute;
}

.work-document-table-properties-choice-grid label > span {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-height: 38px;
  color: var(--a3s-muted);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 580;
  display: flex;
}

.work-document-table-properties-choice-grid label:hover > span {
  border-color: color-mix(in srgb, var(--a3s-blue) 35%, var(--a3s-line));
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-document-table-properties-choice-grid input:checked + span {
  border-color: color-mix(in srgb, var(--a3s-blue) 72%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-blue) 9%, var(--a3s-panel));
  color: var(--a3s-blue);
}

.work-document-table-properties-choice-grid input:focus-visible + span {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 58%, transparent);
  outline-offset: 2px;
}

.work-document-table-properties-number-row {
  color: var(--a3s-muted);
  grid-template-columns: 72px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: grid;
}

.work-document-table-properties-number-row .work-office-number-field {
  width: 100%;
  height: 34px;
}

.work-document-table-properties-number-row small {
  color: var(--a3s-faint);
  font-size: 10px;
}

.work-document-table-properties-select-row {
  color: var(--a3s-muted);
  grid-template-columns: 92px minmax(0, 180px);
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: grid;
}

.work-document-table-properties-select-row .work-office-select, .work-document-table-properties-select-row button[role="combobox"] {
  width: 100%;
}

.work-document-table-properties-checkboxes {
  gap: 6px;
  display: grid;
}

.work-document-table-properties-checkboxes .work-office-checkbox, .work-document-table-properties-section > .work-office-checkbox {
  border-radius: 6px;
  min-height: 34px;
  padding: 5px 6px;
}

.work-document-table-properties-margin-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  display: grid;
}

.work-document-table-properties-margin {
  color: var(--a3s-muted);
  grid-template-columns: 22px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: grid;
}

.work-document-table-properties-margin .work-office-number-field {
  width: 100%;
  height: 34px;
}

.work-document-table-properties-margin small {
  color: var(--a3s-faint);
  font-size: 9px;
}

.work-document-table-properties-margin > p[role="alert"] {
  color: var(--a3s-red);
  grid-column: 2 / -1;
  margin: -3px 0 0;
  font-size: 10px;
  line-height: 1.35;
}

.work-document-table-properties-section > p[role="alert"] {
  color: var(--a3s-red);
  margin: -5px 0 0 80px;
  font-size: 10px;
  line-height: 1.4;
}

.work-document-picture-properties-dialog {
  width: min(560px, 100%);
}

.work-document-picture-properties-dialog form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 26px;
  display: grid;
}

.work-document-picture-properties-section {
  border: 0;
  align-content: start;
  gap: 11px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-document-picture-properties-section.position, .work-document-picture-properties-section.layer, .work-document-picture-properties-section.crop, .work-document-picture-properties-section.transform, .work-document-picture-properties-alt-text {
  grid-column: 1 / -1;
}

.work-document-picture-properties-section > legend {
  color: var(--a3s-ink);
  margin-bottom: 9px;
  font-size: 12px;
  font-weight: 650;
}

.work-document-picture-properties-number-row {
  min-height: 34px;
  color: var(--a3s-muted);
  grid-template-columns: 64px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: grid;
}

.work-document-picture-properties-number-row .work-office-number-field {
  width: 100%;
  height: 34px;
}

.work-document-picture-properties-number-row small, .work-document-picture-properties-alt-text small {
  color: var(--a3s-faint);
  font-size: 10px;
}

.work-document-picture-properties-section > .work-office-checkbox {
  border-radius: 6px;
  min-height: 34px;
  padding: 5px 6px;
}

.work-document-picture-properties-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}

.work-document-picture-properties-position-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  display: grid;
}

.work-document-picture-properties-wrap-side {
  min-height: 34px;
  color: var(--a3s-muted);
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: grid;
}

.work-document-picture-properties-crop-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  display: grid;
}

.work-document-picture-properties-transform-row {
  min-height: 34px;
  color: var(--a3s-muted);
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: grid;
}

.work-document-picture-properties-transform-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 12px;
  display: grid;
}

.work-document-picture-properties-transform-options .work-office-checkbox {
  border-radius: 6px;
  min-height: 34px;
  padding: 5px 6px;
}

.work-document-picture-properties-transform-help {
  color: var(--a3s-faint);
  font-size: 10px;
  line-height: 1.4;
}

.work-document-picture-properties-layer-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 12px;
  display: grid;
}

.work-document-picture-properties-layer-options .work-office-checkbox {
  border-radius: 6px;
  min-height: 34px;
  padding: 5px 6px;
}

.work-document-picture-properties-position-grid .work-document-picture-properties-number-row {
  grid-template-columns: 64px minmax(0, 1fr) 34px;
}

.work-document-picture-properties-choice-grid label {
  cursor: pointer;
  min-width: 0;
  position: relative;
}

.work-document-picture-properties-choice-grid input {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: absolute;
}

.work-document-picture-properties-choice-grid label > span {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-height: 40px;
  color: var(--a3s-muted);
  text-align: center;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 580;
  line-height: 1.25;
  display: flex;
}

.work-document-picture-properties-choice-grid label:hover > span {
  border-color: color-mix(in srgb, var(--a3s-blue) 35%, var(--a3s-line));
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-document-picture-properties-choice-grid input:checked + span {
  border-color: color-mix(in srgb, var(--a3s-blue) 72%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-blue) 9%, var(--a3s-panel));
  color: var(--a3s-blue);
}

.work-document-picture-properties-choice-grid input:focus-visible + span {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 58%, transparent);
  outline-offset: 2px;
}

.work-document-picture-properties-section > p[role="alert"] {
  color: var(--a3s-red);
  margin: -5px 0 0 72px;
  font-size: 10px;
  line-height: 1.4;
}

.work-document-picture-properties-alt-text {
  min-width: 0;
  color: var(--a3s-muted);
  gap: 7px;
  font-size: 11px;
  font-weight: 620;
  display: grid;
}

.work-document-picture-properties-alt-text .work-office-text-area {
  resize: vertical;
  min-height: 86px;
}

.work-office-table-picker-panel {
  --work-office-table-picker-accent: var(--work-office-control-accent, var(--a3s-blue));
  width: 277px;
  padding: 11px;
}

.work-office-table-picker-grid {
  border: 0;
  grid-template-columns: repeat(10, 22px);
  gap: 3px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-office-table-picker-grid > button {
  box-sizing: border-box;
  border: 1px solid var(--a3s-line-strong);
  background: var(--a3s-bg);
  cursor: pointer;
  border-radius: 3px;
  width: 22px;
  height: 20px;
  padding: 0;
}

.work-office-table-picker-grid > button[data-highlighted="true"] {
  border-color: color-mix(in srgb,
    var(--work-office-table-picker-accent) 48%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--work-office-table-picker-accent) 14%,
    var(--a3s-panel));
}

.work-office-table-picker-grid > button:hover, .work-office-table-picker-grid > button:focus-visible {
  outline: 2px solid
    color-mix(in srgb, var(--work-office-table-picker-accent) 65%, transparent);
  outline-offset: 1px;
}

.work-office-table-picker-compact {
  gap: 10px;
  display: grid;
}

.work-office-table-picker-dimension {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.work-office-table-picker-dimension > legend {
  color: var(--a3s-muted);
  margin-bottom: 5px;
  padding: 0;
  font-size: 11px;
  font-weight: 650;
  line-height: 16px;
}

.work-office-table-picker-stepper {
  border: 1px solid var(--a3s-line-strong);
  background: var(--a3s-panel);
  border-radius: 8px;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  height: 44px;
  display: grid;
  overflow: hidden;
}

.work-office-table-picker-stepper > button, .work-office-table-picker-stepper > input {
  min-width: 0;
  height: 42px;
  color: var(--a3s-ink);
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
}

.work-office-table-picker-stepper > button {
  color: var(--a3s-muted);
  cursor: pointer;
  place-items: center;
  padding: 0;
  display: grid;
}

.work-office-table-picker-stepper > button:first-child {
  border-right: 1px solid var(--a3s-line);
}

.work-office-table-picker-stepper > button:last-child {
  border-left: 1px solid var(--a3s-line);
}

.work-office-table-picker-stepper > button:hover:not(:disabled) {
  background: color-mix(in srgb,
    var(--work-office-table-picker-accent) 9%,
    var(--a3s-panel));
  color: var(--work-office-table-picker-accent);
}

.work-office-table-picker-stepper > button:disabled {
  color: var(--a3s-faint);
  cursor: default;
  opacity: .55;
}

.work-office-table-picker-stepper > input {
  appearance: textfield;
  width: 100%;
  font: inherit;
  text-align: center;
  padding: 0 6px;
  font-size: 15px;
  font-weight: 680;
}

.work-office-table-picker-stepper > input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.work-office-table-picker-stepper > input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.work-office-table-picker-stepper:focus-within {
  border-color: color-mix(in srgb,
    var(--work-office-table-picker-accent) 64%,
    var(--a3s-line-strong));
  box-shadow: 0 0 0 2px
    color-mix(in srgb, var(--work-office-table-picker-accent) 16%, transparent);
}

.work-office-table-picker-stepper > :focus-visible {
  outline: 2px solid
    color-mix(in srgb, var(--work-office-table-picker-accent) 68%, transparent);
  outline-offset: -3px;
}

.work-office-table-picker-compact > .work-office-table-picker-submit {
  border: 1px solid var(--work-office-table-picker-accent);
  background: var(--work-office-table-picker-accent);
  color: #fff;
  cursor: pointer;
  height: 44px;
  font: inherit;
  border-radius: 8px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 680;
}

.work-office-table-picker-compact > .work-office-table-picker-submit:hover {
  border-color: color-mix(in srgb,
    var(--work-office-table-picker-accent) 86%,
    #000);
  background: color-mix(in srgb,
    var(--work-office-table-picker-accent) 90%,
    #000);
}

.work-office-table-picker-compact > .work-office-table-picker-submit:focus-visible {
  outline: 2px solid
    color-mix(in srgb, var(--work-office-table-picker-accent) 58%, transparent);
  outline-offset: 2px;
}

.work-office-table-picker-size {
  min-height: 18px;
  color: var(--a3s-muted);
  text-align: center;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 620;
  line-height: 18px;
  display: block;
}

.work-document-pagination-panel {
  width: 238px;
  padding: 10px 12px 12px;
}

.work-document-paragraph-spacing-panel {
  width: 228px;
  padding: 10px 12px 12px;
}

.work-document-table-margins-panel {
  width: 258px;
  padding: 10px 12px 12px;
}

.work-document-table-margins-panel fieldset {
  border: 0;
  gap: 8px;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-document-table-margins-panel legend {
  color: var(--a3s-ink);
  font-size: 11px;
  font-weight: 680;
}

.work-document-table-margins-panel fieldset > p {
  color: var(--a3s-muted);
  margin: 0;
  font-size: 9px;
  line-height: 1.4;
}

.work-document-table-margins-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 9px;
  display: grid;
}

.work-document-table-margins-grid > .work-document-table-margin-field {
  color: var(--a3s-muted);
  grid-template-columns: 18px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  display: grid;
}

.work-document-table-margins-grid .work-office-number-field {
  min-width: 0;
}

.work-document-table-margins-grid small {
  color: var(--a3s-faint);
  font-size: 8px;
}

.work-document-table-margins-reset {
  color: var(--a3s-blue);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  justify-self: end;
  padding: 4px 7px;
  font-size: 10px;
}

.work-document-table-margins-reset:hover:not(:disabled) {
  background: color-mix(in srgb, var(--a3s-blue) 8%, transparent);
}

.work-document-table-margins-reset:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 65%, transparent);
  outline-offset: 1px;
}

.work-document-table-margins-reset:disabled {
  cursor: default;
  opacity: .42;
}

.work-document-pagination-panel fieldset, .work-document-paragraph-spacing-panel fieldset {
  border: 0;
  gap: 8px;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-document-pagination-panel legend, .work-document-paragraph-spacing-panel legend {
  color: var(--a3s-ink);
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: 680;
}

.work-document-paragraph-spacing-field {
  color: var(--a3s-muted);
  grid-template-columns: 38px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  display: grid;
}

.work-document-paragraph-spacing-panel .work-office-number-field {
  width: 100%;
}

.work-document-pagination-reset, .work-document-paragraph-spacing-reset {
  color: var(--a3s-blue);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  justify-self: end;
  padding: 4px 7px;
  font-size: 10px;
}

.work-document-pagination-reset:hover:not(:disabled), .work-document-paragraph-spacing-reset:hover:not(:disabled) {
  background: color-mix(in srgb, var(--a3s-blue) 8%, transparent);
}

.work-document-pagination-reset:focus-visible, .work-document-paragraph-spacing-reset:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 65%, transparent);
  outline-offset: 1px;
}

.work-document-pagination-reset:disabled, .work-document-paragraph-spacing-reset:disabled {
  cursor: default;
  opacity: .42;
}

@media (width <= 520px) {
  .work-document-picture-properties-dialog form {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .work-document-picture-properties-section.position, .work-document-picture-properties-section.layer, .work-document-picture-properties-section.crop, .work-document-picture-properties-alt-text {
    grid-column: auto;
  }

  .work-document-picture-properties-number-row {
    grid-template-columns: 64px minmax(0, 1fr) 32px;
    min-height: 44px;
  }

  .work-document-picture-properties-position-grid, .work-document-picture-properties-crop-grid, .work-document-picture-properties-layer-options {
    grid-template-columns: 1fr;
  }

  .work-document-picture-properties-number-row .work-office-number-field {
    grid-template-columns: minmax(0, 1fr) 88px;
    height: 44px;
  }

  .work-document-picture-properties-number-row .work-office-number-field > input {
    font-size: 12px;
  }

  .work-document-picture-properties-number-row .work-office-number-steppers {
    grid-template-rows: 44px;
    grid-template-columns: repeat(2, 44px);
  }

  .work-document-picture-properties-number-row .work-office-number-steppers > button:first-child {
    border-right: 1px solid var(--a3s-line);
    border-bottom: 0;
  }

  .work-document-picture-properties-choice-grid label > span {
    min-height: 44px;
    padding-inline: 4px;
  }

  .work-document-picture-properties-section > .work-office-checkbox, .work-document-picture-properties-layer-options .work-office-checkbox {
    min-height: 44px;
    padding-block: 8px;
  }

  .work-document-picture-properties-dialog > footer .ds-button {
    min-height: 44px;
    padding-inline: 16px;
  }

  .work-document-picture-properties-alt-text .work-office-text-area {
    min-height: 96px;
  }

  .work-document-table-properties-tabs {
    margin-bottom: 14px;
  }

  .work-document-table-properties-tabs > button {
    min-height: 44px;
    padding-inline: 4px;
  }

  .work-document-table-properties-panel {
    gap: 18px;
    min-height: 0;
  }

  .work-document-table-properties-choice-grid.alignment {
    grid-template-columns: 1fr;
  }

  .work-document-table-properties-choice-grid label > span {
    min-height: 44px;
  }

  .work-document-table-properties-number-row {
    grid-template-columns: 64px minmax(0, 1fr) 32px;
    min-height: 44px;
  }

  .work-document-table-properties-number-row .work-office-number-field {
    grid-template-columns: minmax(0, 1fr) 88px;
    height: 44px;
  }

  .work-document-table-properties-number-row .work-office-number-field > input {
    font-size: 12px;
  }

  .work-document-table-properties-number-row .work-office-number-steppers {
    grid-template-rows: 44px;
    grid-template-columns: repeat(2, 44px);
  }

  .work-document-table-properties-number-row .work-office-number-steppers > button:first-child {
    border-right: 1px solid var(--a3s-line);
    border-bottom: 0;
  }

  .work-document-table-properties-dialog > footer .ds-button {
    min-height: 44px;
    padding-inline: 16px;
  }

  .work-document-table-properties-section > p[role="alert"] {
    margin-left: 72px;
  }

  .work-document-table-properties-select-row {
    grid-template-columns: 84px minmax(0, 1fr);
    min-height: 44px;
  }

  .work-document-table-properties-select-row button[role="combobox"] {
    min-height: 44px;
  }

  .work-document-table-properties-checkboxes .work-office-checkbox, .work-document-table-properties-section > .work-office-checkbox {
    min-height: 44px;
    padding-block: 8px;
  }

  .work-document-table-properties-margin-grid {
    grid-template-columns: 1fr;
  }

  .work-document-table-properties-margin {
    grid-template-columns: 44px minmax(0, 1fr) 32px;
    min-height: 44px;
  }

  .work-document-table-properties-margin .work-office-number-field {
    grid-template-columns: minmax(0, 1fr) 88px;
    height: 44px;
  }

  .work-document-table-properties-margin .work-office-number-steppers {
    grid-template-rows: 44px;
    grid-template-columns: repeat(2, 44px);
  }

  .work-document-table-properties-margin .work-office-number-steppers > button:first-child {
    border-right: 1px solid var(--a3s-line);
    border-bottom: 0;
  }

  .work-document-pagination-panel, .work-document-paragraph-spacing-panel, .work-document-table-margins-panel {
    width: min(320px, 100vw - 32px);
    padding: 12px;
  }

  .work-document-pagination-panel fieldset, .work-document-paragraph-spacing-panel fieldset, .work-document-table-margins-panel fieldset {
    gap: 10px;
  }

  .work-document-pagination-panel legend, .work-document-paragraph-spacing-panel legend, .work-document-table-margins-panel legend {
    font-size: 12px;
  }

  .work-document-pagination-panel .work-office-checkbox {
    border-radius: 6px;
    min-height: 44px;
    padding: 8px 6px;
    font-size: 11px;
  }

  .work-document-pagination-panel .work-office-checkbox:not(.disabled):hover {
    background: var(--a3s-panel-soft);
  }

  .work-document-paragraph-spacing-field {
    grid-template-columns: 44px minmax(0, 1fr) 18px;
    min-height: 44px;
    font-size: 11px;
  }

  .work-document-paragraph-spacing-panel .work-office-number-field {
    grid-template-columns: minmax(0, 1fr) 88px;
    height: 44px;
  }

  .work-document-paragraph-spacing-panel .work-office-number-field > input {
    font-size: 12px;
  }

  .work-document-paragraph-spacing-panel .work-office-number-steppers {
    grid-template-rows: 44px;
    grid-template-columns: repeat(2, 44px);
  }

  .work-document-paragraph-spacing-panel .work-office-number-steppers > button:first-child {
    border-right: 1px solid var(--a3s-line);
    border-bottom: 0;
  }

  .work-document-pagination-reset, .work-document-paragraph-spacing-reset, .work-document-table-margins-reset {
    min-height: 44px;
    padding: 8px 10px;
    font-size: 11px;
  }

  .work-document-table-margins-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .work-document-table-margins-grid > .work-document-table-margin-field {
    grid-template-columns: 30px minmax(0, 1fr) 28px;
    min-height: 44px;
    font-size: 11px;
  }
}

.work-document-ribbon .work-document-font-tools button:not([role="combobox"]), .work-document-ribbon .work-document-paragraph-tools button:not([role="combobox"]) {
  width: 26px;
  min-width: 26px;
  height: 24px;
  padding: 0 5px;
}

.work-document-ribbon .work-document-font-actions .work-color-tool {
  flex-basis: 26px;
  width: 26px;
  height: 24px;
}

.work-document-ribbon .work-document-font-actions .work-office-color-trigger {
  width: 26px;
  min-width: 26px;
  height: 24px;
  padding: 0;
}

.work-document-changes-panel {
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  max-height: 230px;
  color: var(--a3s-ink);
  flex-direction: column;
  flex: none;
  display: flex;
}

.work-document-changes-panel > header {
  border-bottom: 1px solid var(--a3s-line);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 6px 10px 5px 12px;
  display: flex;
}

.work-document-changes-panel > header > div:first-child {
  gap: 1px;
  display: grid;
}

.work-document-changes-panel > header strong {
  font-size: 11px;
}

.work-document-changes-panel > header span, .work-document-changes-panel > header small {
  color: var(--a3s-faint);
  font-size: 9px;
}

.work-document-changes-bulk-actions, .work-document-change-item > div {
  align-items: center;
  gap: 5px;
  display: flex;
}

.work-document-changes-bulk-actions button, .work-document-change-item > div button {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  height: 27px;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 5px;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: 9px;
  display: inline-flex;
}

.work-document-changes-bulk-actions button:disabled {
  opacity: .45;
  cursor: default;
}

.work-document-changes-bulk-actions button.close {
  background: none;
  border-color: #0000;
  justify-content: center;
  width: 27px;
  padding: 0;
}

.work-document-change-list {
  gap: 5px;
  margin: 0;
  padding: 7px 10px 9px;
  list-style: none;
  display: grid;
  overflow: auto;
}

.work-document-change-item {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  border-left: 3px solid #2d8a58;
  border-radius: 6px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 5px 6px;
  display: grid;
}

.work-document-change-item.deletion {
  border-left-color: var(--a3s-red);
}

.work-document-change-item.formatting {
  border-left-color: #6d5bd0;
}

.work-document-change-item.numbering {
  border-left-color: #0f7b78;
}

.work-document-change-item.move {
  border-left-color: #b06a1f;
}

.work-document-change-summary {
  min-width: 0;
  color: var(--a3s-ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 0;
  display: grid;
}

.work-document-change-summary > span {
  color: #267048;
  background: #e6f5ec;
  border-radius: 999px;
  padding: 2px 5px;
}

.work-document-change-list .work-document-change-item.deletion .work-document-change-summary > span {
  color: var(--a3s-red);
  background: #fff0ee;
}

.work-document-change-list .work-document-change-item.formatting .work-document-change-summary > span {
  color: #5746b5;
  background: #f0edff;
}

.work-document-change-list .work-document-change-item.numbering .work-document-change-summary > span {
  color: #0f6663;
  background: #e5f5f3;
}

.work-document-change-list .work-document-change-item.move .work-document-change-summary > span {
  color: #8a4f0f;
  background: #fff3df;
}

.work-document-change-summary strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  font-weight: 600;
  overflow: hidden;
}

.work-document-change-summary small {
  color: var(--a3s-faint);
  white-space: nowrap;
  font-size: 8px;
}

.work-document-changes-empty.ds-collection-state {
  min-height: 52px;
  color: var(--a3s-faint);
  padding: 12px;
  font-size: 10px;
}

.work-document-review-surface {
  justify-content: center;
  align-items: stretch;
  width: max-content;
  min-width: 100%;
  min-height: 100%;
  margin: 0 auto;
  display: flex;
  position: relative;
}

.work-document-review-surface.comments-open {
  gap: 28px;
}

.work-document-review-surface .work-document-page-stage {
  z-index: 1;
  flex: none;
  margin: 0;
  position: relative;
}

.work-document-review-surface:not(.comments-open) .work-document-page-stage {
  margin: 0 auto;
}

.work-document-comment-connectors {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: visible;
}

.work-document-comment-connectors path {
  fill: none;
  stroke: #d65c5c;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
}

.work-document-comment-connectors circle {
  fill: #d65c5c;
}

.work-document-comment-connectors g.active path {
  stroke-width: 1.5px;
}

.work-document-comment-connectors g.resolved {
  opacity: .36;
}

.work-document-comment-connectors g.draft path {
  stroke-dasharray: 4 3;
}

.work-document-comment-connectors g.draft circle {
  fill: var(--a3s-panel);
  stroke: #d65c5c;
  stroke-width: 1.5px;
  vector-effect: non-scaling-stroke;
}

.work-document-comments-panel {
  z-index: 3;
  border-left: 1px solid color-mix(in srgb, #d65c5c 24%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-panel) 82%, transparent);
  width: 312px;
  min-height: 100%;
  color: var(--a3s-ink);
  flex-direction: column;
  flex: 0 0 312px;
  display: flex;
  position: relative;
}

.work-document-comments-panel > header {
  z-index: 5;
  border-bottom: 1px solid var(--a3s-line);
  background: color-mix(in srgb, var(--a3s-panel) 94%, transparent);
  backdrop-filter: blur(10px);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  padding: 6px 8px 6px 12px;
  display: flex;
  position: sticky;
  top: 0;
}

.work-document-comments-panel > header > div {
  gap: 1px;
  display: grid;
}

.work-document-comments-panel > header strong {
  font-size: 11px;
  font-weight: 680;
}

.work-document-comments-panel > header span {
  color: var(--a3s-faint);
  font-size: 9px;
}

.work-document-comments-panel > header .ds-icon-button.close {
  border-radius: 6px;
  flex: 0 0 27px;
  width: 28px;
  height: 28px;
}

.work-document-comment-track {
  min-height: calc(100% - 46px);
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.work-document-comment-track > .work-document-comment-card, .work-document-comment-track > .work-document-comment-draft-item > .work-document-comment-composer {
  border: 1px solid color-mix(in srgb, #d65c5c 35%, var(--a3s-line));
  background: var(--a3s-panel);
  border-left: 2px solid #d65c5c;
  border-radius: 8px;
  align-content: start;
  gap: 8px;
  padding: 9px;
  transition: border-color .12s, box-shadow .12s, opacity .12s;
  display: grid;
  position: absolute;
  left: 10px;
  right: 10px;
  box-shadow: 0 5px 16px #22263014;
}

.work-document-comment-track > .work-document-comment-card.active {
  border-color: color-mix(in srgb, #d65c5c 70%, var(--a3s-line));
  box-shadow: 0 7px 20px #2226301c, 0 0 0 2px #d65c5c14;
}

.work-document-comment-track > .work-document-comment-card.resolved {
  border-left-color: var(--a3s-line-strong);
  opacity: .64;
}

.work-document-comment-track > .work-document-comment-card.detached {
  border-left-color: var(--a3s-faint);
}

.work-document-comment-draft-item, .work-document-comment-empty-item {
  display: contents;
}

.work-document-comment-track > .work-document-comment-draft-item > .work-document-comment-composer {
  z-index: 3;
  border-color: color-mix(in srgb, #d65c5c 72%, var(--a3s-line));
  gap: 9px;
  box-shadow: 0 9px 24px #22263021, 0 0 0 2px #d65c5c14;
}

.work-document-comment-composer > header {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.work-document-comment-composer > header .work-document-comment-avatar {
  flex: 0 0 30px;
  grid-row: auto;
}

.work-document-comment-composer-heading {
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: grid;
}

.work-document-comment-composer-heading strong {
  color: #b84545;
  font-size: 10px;
  font-weight: 680;
}

.work-document-comment-composer-heading > span {
  color: var(--a3s-faint);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  overflow: hidden;
}

.work-document-comment-composer > .work-office-text-area {
  resize: vertical;
  width: 100%;
  min-height: 72px;
  line-height: 1.5;
}

.work-document-comment-composer > p[role="alert"] {
  color: var(--a3s-red);
  margin: -2px 0 0;
  font-size: 9px;
  line-height: 1.45;
}

.work-document-comment-track > .work-document-comment-draft-item > .work-document-comment-composer > footer {
  justify-content: flex-end;
  gap: 5px;
  display: flex;
}

.work-document-comment-anchor {
  min-width: 0;
  color: var(--a3s-ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 2px 8px;
  padding: 0;
  display: grid;
}

.work-document-comment-avatar {
  background: color-mix(in srgb, #d65c5c 12%, var(--a3s-panel));
  color: #b84545;
  border-radius: 7px;
  grid-row: 1 / span 2;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 10px;
  font-weight: 720;
  display: grid;
}

.work-document-comment-meta {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.work-document-comment-meta strong {
  color: #b84545;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 680;
  overflow: hidden;
}

.work-document-comment-meta time, .work-document-comment-thread time {
  color: var(--a3s-faint);
  white-space: nowrap;
  font-size: 8px;
}

.work-document-comment-quote {
  color: var(--a3s-faint);
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  font-size: 8px;
  display: flex;
  overflow: hidden;
}

.work-document-comment-card.detached .work-document-comment-quote {
  color: var(--a3s-amber, #9a6700);
}

.work-document-comment-thread {
  gap: 5px;
  padding-left: 38px;
  display: grid;
}

.work-document-comment-thread > p {
  color: var(--a3s-ink);
  white-space: pre-wrap;
  margin: 0;
  font-size: 10px;
  line-height: 1.55;
}

.work-document-comment-thread > article.reply {
  border-left: 2px solid color-mix(in srgb, #d65c5c 28%, var(--a3s-line));
  background: var(--a3s-panel-soft);
  border-radius: 0 5px 5px 0;
  padding: 6px 7px;
}

.work-document-comment-thread header {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.work-document-comment-thread strong {
  font-size: 9px;
}

.work-document-comment-thread article p {
  color: var(--a3s-muted);
  white-space: pre-wrap;
  margin: 3px 0 0;
  font-size: 9px;
  line-height: 1.45;
}

.work-document-comment-reply, .work-document-comment-track > .work-document-comment-card > footer {
  display: none;
}

.work-document-comment-track > .work-document-comment-card.active .work-document-comment-reply {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 6px;
  padding-left: 38px;
  display: grid;
}

.work-document-comment-reply .work-office-text-area {
  resize: vertical;
  min-width: 0;
  min-height: 48px;
  font-size: 9px;
}

.work-document-comment-track > .work-document-comment-card.active > footer {
  justify-content: flex-end;
  gap: 5px;
  display: flex;
}

.work-document-comments-empty.ds-collection-state {
  min-height: 58px;
  padding: 8px;
  font-size: 9px;
  position: absolute;
  top: 12px;
  left: 10px;
  right: 10px;
}

.work-document-editor [data-document-comment], [data-document-comment-appearance="highlighted"] [data-document-comment] {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: #f7dcdc;
  border-bottom: 1px solid #d65c5c;
}

.work-document-editor [data-document-comment].is-active-comment {
  outline-offset: 1px;
  background: #f3cccc;
  outline: 1px solid #d65c5c9e;
}

.work-document-editor [data-document-comment].is-resolved-comment {
  background: #eceef2;
  border-bottom-color: #aab0bb;
}

.work-document-editor .work-document-comment-draft {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: #d65c5c21;
  border-bottom: 1px dashed #d65c5c;
}

[data-document-comment-appearance="plain"] [data-document-comment] {
  background: none;
  border-bottom: 0;
  outline: 0;
}

.work-document-editor .work-document-find-match {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: #fff1a8;
  border-radius: 2px;
}

.work-document-editor .work-document-find-match.active {
  outline-offset: 1px;
  background: #ffd66b;
  outline: 1px solid #d99316b3;
}

@media (width <= 900px) {
  .work-document-review-surface.comments-open {
    gap: 0;
  }

  .work-document-comments-panel {
    flex-basis: 276px;
    align-self: flex-start;
    width: 276px;
    min-height: min(720px, 100dvh - 176px);
    position: sticky;
    right: 0;
    box-shadow: -10px 0 24px #1e26371a;
  }
}

@media (width <= 620px) {
  .work-document-review-surface.comments-open {
    justify-content: flex-start;
  }

  .work-document-comment-connectors {
    display: none;
  }

  .work-document-comments-panel {
    background: var(--a3s-panel);
    flex-basis: min(360px, 100vw);
    align-self: flex-start;
    width: min(360px, 100vw);
    min-height: min(640px, 100dvh - 160px);
    max-height: calc(100dvh - 160px);
    position: sticky;
    top: 0;
    right: 0;
    overflow-y: auto;
    box-shadow: -14px 0 30px #1e263729;
  }

  .work-document-comment-track {
    align-content: start;
    gap: 8px;
    padding: 8px;
    display: grid;
    min-height: 0 !important;
  }

  .work-document-comment-track > .work-document-comment-card, .work-document-comment-track > .work-document-comment-draft-item > .work-document-comment-composer {
    position: relative;
    left: auto;
    right: auto;
    top: auto !important;
  }

  .work-document-comments-empty.ds-collection-state {
    position: static;
  }
}

.work-document-editor ins[data-document-change], .work-pdf-export-page.document ins[data-document-change] {
  color: #216b43;
  background: #e7f6ed;
  border-bottom: 1px solid #2d8a58;
  text-decoration: none;
}

.work-document-editor del[data-document-change], .work-pdf-export-page.document del[data-document-change] {
  color: #b9483d;
  background: #fff0ee;
  text-decoration-thickness: 1px;
}

.work-document-editor span[data-document-change][data-change-kind="formatting"], .work-pdf-export-page.document span[data-document-change][data-change-kind="formatting"] {
  color: inherit;
  background: #f0edff;
  border-bottom: 1px dashed #6d5bd0;
  text-decoration: none;
}

.work-document-editor :is(p, h1, h2, h3, h4, h5, h6)[data-document-change][data-change-kind="paragraph-formatting"], .work-pdf-export-page.document :is(p, h1, h2, h3, h4, h5, h6)[data-document-change][data-change-kind="paragraph-formatting"] {
  box-shadow: inset 3px 0 #8b5cf6;
}

.work-document-editor ol[data-document-change][data-change-kind="numbering"], .work-pdf-export-page.document ol[data-document-change][data-change-kind="numbering"] {
  box-shadow: inset 3px 0 #0f7b78;
}

.work-document-font-dialog {
  width: min(680px, 100%);
}

.work-document-font-dialog form {
  gap: 18px;
  display: grid;
}

.work-document-font-dialog-script-fonts, .work-document-font-dialog-spacing {
  border: 1px solid var(--a3s-line);
  border-radius: 10px;
  gap: 14px 18px;
  margin: 0;
  padding: 15px 16px 17px;
  display: grid;
}

.work-document-font-dialog-script-fonts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.work-document-font-dialog-spacing {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-document-font-dialog-script-fonts > legend, .work-document-font-dialog-spacing > legend {
  color: var(--a3s-ink);
  padding: 0 5px;
  font-size: 11px;
  font-weight: 700;
}

.work-document-font-dialog-field {
  min-width: 0;
  color: var(--a3s-muted);
  gap: 6px;
  font-size: 11px;
  font-weight: 650;
  display: grid;
}

.work-document-font-dialog-hidden-text {
  justify-content: start;
  align-self: end;
  min-height: 32px;
}

.work-document-font-dialog-legacy-effects {
  border: 1px solid color-mix(in srgb, var(--a3s-line) 78%, transparent);
  background: var(--a3s-panel-soft);
  border-radius: 8px;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 16px;
  min-width: 0;
  margin: 0;
  padding: 10px 12px;
  display: grid;
}

.work-document-font-dialog-run-border, .work-document-font-dialog-run-shading, .work-document-font-dialog-opentype {
  border: 1px solid color-mix(in srgb, var(--a3s-line) 78%, transparent);
  background: var(--a3s-panel-soft);
  border-radius: 8px;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 14px;
  min-width: 0;
  margin: 0;
  padding: 10px 12px 12px;
  display: grid;
}

.work-document-font-dialog-run-shading {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.work-document-font-dialog-opentype {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.work-document-font-dialog-run-border > legend, .work-document-font-dialog-run-shading > legend, .work-document-font-dialog-opentype > legend {
  color: var(--a3s-muted);
  padding: 0 4px;
  font-size: 11px;
  font-weight: 700;
}

.work-document-font-dialog-run-border-effects {
  align-items: end;
  gap: 16px;
  min-height: 32px;
  display: flex;
}

.work-document-font-dialog-field > .work-office-select, .work-document-font-dialog-field .work-office-number-field, .work-document-font-dialog-field button[role="combobox"] {
  width: 100%;
}

.work-document-font-dialog-measure {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  display: grid;
}

.work-document-font-dialog-measure > span {
  color: var(--a3s-muted);
  font-size: 11px;
  font-weight: 600;
}

.work-document-font-dialog-mixed, .work-document-font-dialog-error {
  grid-column: 1 / -1;
  margin: -2px 0 0;
  font-size: 11px;
  line-height: 1.5;
}

.work-document-font-dialog-mixed {
  color: var(--a3s-muted);
}

.work-document-font-dialog-error {
  color: var(--a3s-red);
}

.work-document-font-dialog-preview {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  border-radius: 10px;
  place-items: center;
  min-height: 106px;
  padding: 14px 18px 18px;
  display: grid;
  overflow: hidden;
}

.work-document-font-dialog-preview > span {
  color: var(--a3s-muted);
  justify-self: start;
  font-size: 10px;
  font-weight: 650;
}

.work-document-font-dialog-preview > output {
  max-width: 100%;
  color: var(--a3s-ink);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 22px;
  line-height: 1.5;
  overflow: hidden;
}

@media (width <= 620px) {
  .work-document-font-dialog-script-fonts, .work-document-font-dialog-spacing {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-document-font-dialog-legacy-effects {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .work-document-font-dialog-run-border, .work-document-font-dialog-run-shading, .work-document-font-dialog-opentype {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-document-font-dialog-preview {
    min-height: 88px;
  }

  .work-document-font-dialog-preview > output {
    font-size: 19px;
  }
}

.work-document-proofing-dialog {
  width: min(640px, 100%);
}

.work-document-proofing-dialog form {
  gap: 16px;
  display: grid;
}

.work-document-proofing-dialog fieldset {
  border: 1px solid var(--a3s-line);
  border-radius: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 15px 16px 17px;
  display: grid;
}

.work-document-proofing-dialog legend {
  color: var(--a3s-ink);
  padding: 0 5px;
  font-size: 11px;
  font-weight: 700;
}

.work-document-proofing-dialog-language {
  align-content: start;
  gap: 6px;
  min-width: 0;
  display: grid;
}

.work-document-proofing-dialog-language > label, .work-document-proofing-dialog-state-label {
  color: var(--a3s-muted);
  font-size: 11px;
  font-weight: 650;
}

.work-document-proofing-dialog-language > div {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  display: grid;
}

.work-document-proofing-dialog-language .work-office-text-field {
  width: 100%;
  min-width: 0;
}

.work-document-proofing-dialog-language .ds-button {
  white-space: nowrap;
  padding-inline: 9px;
}

.work-document-proofing-dialog-language > p, .work-document-proofing-dialog-state > p, .work-document-proofing-dialog-help, .work-document-proofing-dialog-error {
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.work-document-proofing-dialog-language > p, .work-document-proofing-dialog-state > p, .work-document-proofing-dialog-help {
  color: var(--a3s-muted);
}

.work-document-proofing-dialog-state {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  border-radius: 10px;
  grid-template-columns: minmax(110px, auto) minmax(220px, 1fr);
  align-items: center;
  gap: 8px 14px;
  padding: 14px 16px;
  display: grid;
}

.work-document-proofing-dialog-state > p {
  grid-column: 1 / -1;
}

.work-document-proofing-dialog-state .work-office-select, .work-document-proofing-dialog-state button[role="combobox"] {
  width: 100%;
}

.work-document-proofing-dialog-help code {
  color: var(--a3s-ink);
}

.work-document-proofing-dialog-error {
  color: var(--a3s-red);
}

@media (width <= 620px) {
  .work-document-proofing-dialog fieldset, .work-document-proofing-dialog-state {
    grid-template-columns: minmax(0, 1fr);
  }
}

.work-document-compare-dialog {
  width: min(650px, 100%);
}

.work-document-compare-dialog form {
  gap: 15px;
  display: grid;
}

.work-document-compare-mode {
  border: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-document-compare-mode > legend {
  color: var(--a3s-muted);
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
}

.work-document-compare-mode > label {
  cursor: pointer;
  min-width: 0;
  position: relative;
}

.work-document-compare-mode input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}

.work-document-compare-mode label > span {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  border-radius: 10px;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  gap: 4px 9px;
  min-height: 94px;
  padding: 13px 14px;
  transition: border-color .14s, background-color .14s;
  display: grid;
}

.work-document-compare-mode label:hover > span {
  border-color: var(--a3s-line-strong);
  background: var(--a3s-panel-soft);
}

.work-document-compare-mode input:checked + span {
  border-color: var(--a3s-accent);
  background: color-mix(in srgb, var(--a3s-accent) 8%, var(--a3s-panel));
}

.work-document-compare-mode input:focus-visible + span {
  outline: 2px solid var(--a3s-accent);
  outline-offset: 2px;
}

.work-document-compare-mode svg {
  color: var(--a3s-accent);
  grid-row: 1 / span 2;
}

.work-document-compare-mode strong {
  font-size: 13px;
  line-height: 1.2;
}

.work-document-compare-mode small {
  color: var(--a3s-muted);
  font-size: 11px;
  line-height: 1.45;
}

.work-document-compare-file {
  border: 1px dashed var(--a3s-line-strong);
  background: var(--a3s-panel-soft);
  width: 100%;
  min-height: 78px;
  color: var(--a3s-ink);
  text-align: left;
  cursor: pointer;
  border-radius: 10px;
  outline: 0;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  display: grid;
}

.work-document-compare-file:hover:not(:disabled) {
  border-color: var(--a3s-accent);
}

.work-document-compare-file:focus-visible {
  outline: 2px solid var(--a3s-accent);
  outline-offset: 2px;
}

.work-document-compare-file:disabled {
  cursor: wait;
  opacity: .65;
}

.work-document-compare-file > svg {
  color: var(--a3s-accent);
}

.work-document-compare-file > span, .work-document-compare-author {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.work-document-compare-file strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  overflow: hidden;
}

.work-document-compare-file small, .work-document-compare-author small {
  color: var(--a3s-muted);
  font-size: 11px;
  line-height: 1.45;
}

.work-document-compare-author > span {
  color: var(--a3s-muted);
  font-size: 11px;
  font-weight: 700;
}

.work-document-compare-author .work-office-text-field {
  width: 100%;
}

.work-document-compare-boundary, .work-document-compare-status, .work-document-compare-errors {
  border: 1px solid var(--a3s-line);
  border-radius: 9px;
  margin: 0;
  padding: 12px 14px;
  font-size: 11px;
  line-height: 1.5;
}

.work-document-compare-boundary {
  background: var(--a3s-panel-soft);
}

.work-document-compare-boundary > strong, .work-document-compare-errors > strong {
  font-size: 12px;
}

.work-document-compare-boundary > p {
  color: var(--a3s-muted);
  margin: 3px 0 0;
}

.work-document-compare-status {
  border-color: color-mix(in srgb, var(--a3s-green) 42%, var(--a3s-line));
  color: var(--a3s-green);
}

.work-document-compare-errors {
  border-color: color-mix(in srgb, var(--a3s-red) 35%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-red) 5%, var(--a3s-panel));
  color: var(--a3s-red);
}

.work-document-compare-errors ul {
  margin: 5px 0 0;
  padding-left: 18px;
}

@media (width <= 560px) {
  .work-document-compare-mode {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-document-compare-mode label > span {
    min-height: 0;
  }
}

[data-office-character-position-half-points] {
  vertical-align: var(--work-document-character-position);
}

sub [data-office-character-position-half-points], sup [data-office-character-position-half-points], [data-office-character-position-half-points]:has(sub), [data-office-character-position-half-points]:has(sup) {
  vertical-align: baseline;
}

[data-office-hidden-text="true"] {
  display: none;
}

.work-document-editor.show-hidden-text:not(.preview) [data-office-hidden-text="true"] {
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: .18em;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-color: currentColor;
  display: inline;
}

.work-document-editor.preview [data-office-hidden-text="true"], .work-document-editor.preview.show-hidden-text [data-office-hidden-text="true"], .work-document-live-pdf-snapshot [data-office-hidden-text="true"] {
  display: none;
}

[data-office-legacy-text-outline="true"] {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .045em currentColor;
  paint-order: stroke fill;
}

[data-office-legacy-text-shadow="true"] {
  text-shadow: .08em .08em;
}

[data-office-legacy-text-emboss="true"] {
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: 0 transparent;
  paint-order: normal;
  text-shadow: -.045em -.045em #ffffffe6, .045em .045em #00000085;
}

[data-office-legacy-text-imprint="true"] {
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: 0 transparent;
  paint-order: normal;
  text-shadow: .045em .045em #ffffffe6, -.045em -.045em #00000085;
}

.work-document-list-tools {
  align-items: center;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.work-document-list-split {
  border-radius: 5px;
  align-items: stretch;
  height: 24px;
  display: flex;
}

.work-document-list-popover {
  min-width: 0;
  display: flex;
}

.work-document-ribbon .work-document-list-split > .work-document-list-primary {
  border-radius: 5px 0 0 5px;
  width: 25px;
  min-width: 25px;
  height: 24px;
  padding: 0 4px;
}

.work-document-ribbon .work-document-list-split .work-document-list-gallery-trigger {
  border-radius: 0 5px 5px 0;
  width: 13px;
  min-width: 13px;
  height: 24px;
  padding: 0;
}

.work-document-list-split[data-active="true"] .work-document-list-gallery-trigger, .work-document-list-gallery-trigger.active {
  background: var(--a3s-panel-soft);
  color: var(--work-office-accent);
}

.work-document-list-gallery-trigger:before {
  background: var(--a3s-line);
  content: "";
  width: 1px;
  height: 13px;
  margin-right: 1px;
}

.work-document-list-panel {
  overscroll-behavior: contain;
  border-color: var(--a3s-line-strong);
  background: color-mix(in srgb, var(--a3s-panel) 98%, transparent);
  width: min(300px, 100vw - 32px);
  max-height: calc(100dvh - 32px);
  color: var(--a3s-ink);
  backdrop-filter: blur(18px);
  border-radius: 10px;
  gap: 8px;
  padding: 10px;
  display: grid;
  overflow-y: auto;
  box-shadow: 0 16px 38px #0f172a2e;
}

.work-document-bullet-panel {
  width: min(244px, 100vw - 32px);
}

.work-document-list-panel-title {
  padding-inline: 2px;
  font-size: 11px;
  font-weight: 680;
}

.work-document-list-options {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  display: grid;
}

.work-document-list-options > button {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-width: 0;
  height: 64px;
  color: var(--a3s-ink);
  font: inherit;
  cursor: pointer;
  border-radius: 7px;
  outline: 0;
  place-items: center;
  gap: 2px;
  padding: 5px 4px;
  display: grid;
}

.work-document-list-options > button:hover, .work-document-list-options > button:focus-visible {
  border-color: color-mix(in srgb,
    var(--work-office-accent) 42%,
    var(--a3s-line));
  background: var(--a3s-panel-soft);
  box-shadow: 0 0 0 2px
    color-mix(in srgb, var(--work-office-accent) 12%, transparent);
}

.work-document-list-options > button[aria-checked="true"] {
  border-color: color-mix(in srgb,
    var(--work-office-accent) 58%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--work-office-accent) 8%,
    var(--a3s-panel));
  color: var(--work-office-accent);
  box-shadow: inset 0 -2px 0 var(--work-office-accent);
}

.work-document-list-options > button > small {
  max-width: 100%;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  line-height: 12px;
  overflow: hidden;
}

.work-document-list-options.bullet-options > button > span {
  font-family: Arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.work-document-numbering-preview {
  width: 100%;
  color: inherit;
  font-variant-numeric: tabular-nums;
  grid-template-columns: repeat(3, 1fr);
  font-size: 11px;
  display: grid;
}

.work-document-numbering-preview > i {
  font-style: normal;
}

.work-document-list-clear, .work-document-numbering-actions > button, .work-document-numbering-start > button {
  min-height: 28px;
  color: var(--a3s-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 6px;
  outline: 0;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 8px;
  font-size: 10px;
  display: inline-flex;
}

.work-document-list-clear {
  justify-self: start;
}

.work-document-list-clear:hover:not(:disabled), .work-document-list-clear:focus-visible, .work-document-numbering-actions > button:hover:not(:disabled), .work-document-numbering-actions > button:focus-visible {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-document-list-clear:disabled, .work-document-numbering-actions > button:disabled, .work-document-numbering-start > button:disabled {
  cursor: not-allowed;
  opacity: .38;
}

.work-document-numbering-settings {
  border: 0;
  border-top: 1px solid var(--a3s-line);
  gap: 7px;
  min-inline-size: 0;
  margin: 0;
  padding: 8px 0 0;
  display: grid;
}

.work-document-numbering-actions {
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  display: grid;
}

.work-document-numbering-actions > button {
  border-color: var(--a3s-line);
  background: var(--a3s-panel);
}

.work-document-numbering-start {
  color: var(--a3s-muted);
  grid-template-columns: auto minmax(84px, 1fr) auto;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  display: grid;
}

.work-document-numbering-start .work-office-number-field {
  height: 28px;
}

.work-document-numbering-start > button {
  border-color: color-mix(in srgb,
    var(--work-office-accent) 34%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--work-office-accent) 8%,
    var(--a3s-panel));
  color: var(--work-office-accent);
  font-weight: 620;
}

.work-document-numbering-start > button:hover:not(:disabled), .work-document-numbering-start > button:focus-visible {
  border-color: var(--work-office-accent);
  box-shadow: 0 0 0 2px
    color-mix(in srgb, var(--work-office-accent) 12%, transparent);
}

@media (width <= 420px) {
  .work-document-list-panel {
    width: calc(100vw - 32px);
  }

  .work-document-list-clear, .work-document-numbering-actions > button, .work-document-numbering-start > button {
    min-height: 44px;
    padding: 8px 10px;
    font-size: 11px;
  }

  .work-document-list-clear {
    justify-content: flex-start;
    justify-self: stretch;
    width: 100%;
  }

  .work-document-numbering-start {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    font-size: 11px;
  }

  .work-document-numbering-start .work-office-number-field {
    grid-template-columns: minmax(0, 1fr) 88px;
    height: 44px;
  }

  .work-document-numbering-start .work-office-number-field > input {
    font-size: 12px;
  }

  .work-document-numbering-start .work-office-number-steppers {
    grid-template-rows: 44px;
    grid-template-columns: repeat(2, 44px);
  }

  .work-document-numbering-start .work-office-number-steppers > button:first-child {
    border-right: 1px solid var(--a3s-line);
    border-bottom: 0;
  }

  .work-document-numbering-start > button {
    grid-column: 1 / -1;
  }
}

.work-document-style-tools {
  align-items: center;
  min-width: 0;
  display: flex;
}

.work-document-style-gallery {
  scrollbar-width: thin;
  flex-wrap: nowrap;
  gap: 2px;
  width: 260px;
  max-width: 260px;
  display: flex;
  overflow: auto hidden;
}

.work-document-ribbon .work-document-style-gallery > label {
  box-sizing: border-box;
  background: var(--a3s-panel);
  width: 64px;
  min-width: 64px;
  height: 48px;
  color: var(--a3s-muted);
  text-align: left;
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  padding: 0 8px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-document-ribbon .work-document-style-gallery > label > input {
  opacity: 0;
  cursor: pointer;
  margin: 0;
  position: absolute;
  inset: 0;
}

.work-document-ribbon .work-document-style-gallery > label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.work-document-ribbon .work-document-style-gallery > label[data-document-style="paragraph"] {
  font-size: 11px;
  font-weight: 520;
}

.work-document-ribbon .work-document-style-gallery > label[data-document-style="h1"] {
  color: var(--a3s-ink);
  letter-spacing: -.02em;
  font-size: 13px;
  font-weight: 730;
}

.work-document-ribbon .work-document-style-gallery > label[data-document-style="h2"] {
  color: var(--a3s-ink);
  font-size: 12px;
  font-weight: 690;
}

.work-document-ribbon .work-document-style-gallery > label[data-document-style="h3"] {
  color: var(--a3s-ink);
  font-size: 11px;
  font-weight: 670;
}

.work-document-ribbon .work-document-style-gallery > label[data-document-style="h4"] {
  color: var(--a3s-ink);
  font-size: 11px;
  font-weight: 640;
}

.work-document-ribbon .work-document-style-gallery > label[data-document-style="h5"], .work-document-ribbon .work-document-style-gallery > label[data-document-style="h6"] {
  color: var(--a3s-ink);
  font-size: 10px;
  font-weight: 620;
}

.work-document-ribbon .work-document-style-gallery > label:hover {
  border-color: color-mix(in srgb,
    var(--work-office-accent) 22%,
    var(--a3s-line));
  background: var(--a3s-panel-soft);
}

.work-document-ribbon .work-document-style-gallery > label.active {
  border-color: color-mix(in srgb,
    var(--work-office-accent) 54%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--work-office-accent) 8%,
    var(--a3s-panel));
  color: var(--work-office-accent);
  box-shadow: inset 0 -2px 0 var(--work-office-accent);
}

.work-document-ribbon .work-document-style-gallery > label:has(input:focus-visible) {
  outline: 2px solid
    color-mix(in srgb, var(--work-office-accent) 65%, transparent);
  outline-offset: -2px;
}

.work-document-ribbon .work-document-style-select {
  width: 112px;
  display: none;
}

.work-document-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] .work-document-style-gallery, .work-document-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) .work-document-style-gallery {
  display: none;
}

.work-document-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] .work-document-style-select, .work-document-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) .work-document-style-select {
  display: block;
}

@media (width <= 900px) {
  .work-document-style-gallery {
    display: none;
  }

  .work-document-ribbon .work-document-style-select {
    display: block;
  }
}

.work-document-scroll {
  background: color-mix(in srgb, var(--a3s-bg) 80%, #dfe3e9);
  scroll-behavior: smooth;
  flex: 1;
  min-height: 0;
  padding: 28px max(28px, 50% - 425px) 70px;
  overflow: auto;
}

.work-document-scroll.web {
  padding: 18px 22px 54px;
}

.work-document-page-stage {
  zoom: var(--work-document-zoom, 1);
  width: max-content;
  margin: 0 auto;
}

.work-document-page-stage.web {
  width: 100%;
}

.work-document-page-frame {
  position: relative;
}

.work-document-ruler-shell {
  z-index: 6;
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--a3s-line) 88%, transparent);
  background: color-mix(in srgb, var(--a3s-panel) 96%, #f4f6f9);
  height: 30px;
  color: var(--a3s-faint);
  font-family: var(--a3s-ui-font, ui-sans-serif), "PingFang SC", sans-serif;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 5px;
  margin: 0 auto 12px;
  padding: 4px 0;
  font-size: 7px;
  position: sticky;
  top: 8px;
  box-shadow: 0 2px 7px #1f27371a;
}

.work-document-ruler {
  border: 0;
  min-width: 0;
  height: 20px;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: visible;
}

.work-document-ruler-margin {
  background: linear-gradient(#ffffff2e, transparent),
    color-mix(in srgb, var(--a3s-line) 68%, #cbd1da);
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 1px #3641540d;
}

.work-document-ruler-margin.left {
  width: var(--work-document-ruler-margin-left);
  border-radius: 3px 0 0 3px;
  left: 0;
}

.work-document-ruler-margin.right {
  width: var(--work-document-ruler-margin-right);
  border-radius: 0 3px 3px 0;
  right: 0;
}

.work-document-ruler-track {
  background: linear-gradient(to right,
    transparent var(--work-document-ruler-margin-left),
    #ffffffd1 var(--work-document-ruler-margin-left),
    #ffffffd1 calc(100% - var(--work-document-ruler-margin-right)),
    transparent calc(100% - var(--work-document-ruler-margin-right)));
  pointer-events: none;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.work-document-ruler-track > span {
  color: #6f7889;
  text-indent: 3px;
  white-space: nowrap;
  border-left: 1px solid #98a1b1;
  width: 1px;
  height: 4px;
  line-height: 1;
  position: absolute;
  bottom: 2px;
}

.work-document-ruler-track > span.major {
  border-color: #7d8798;
  height: 7px;
}

.work-document-ruler-tab-track {
  --work-document-ruler-tab-track-left: 0px;
  --work-document-ruler-tab-track-width: 0px;
  z-index: 1;
  top: 0;
  left: var(--work-document-ruler-tab-track-left);
  width: var(--work-document-ruler-tab-track-width);
  cursor: crosshair;
  background: none;
  border: 0;
  height: 20px;
  padding: 0;
  position: absolute;
}

.work-document-ruler-tab-track:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 60%, transparent);
  outline-offset: -2px;
}

.work-document-ruler-tab-stop {
  --work-document-ruler-tab-position: 0px;
  z-index: 3;
  top: 1px;
  left: var(--work-document-ruler-tab-position);
  color: #405f9f;
  cursor: ew-resize;
  touch-action: none;
  background: none;
  border: 0;
  border-radius: 2px;
  place-items: center;
  width: 14px;
  min-width: 14px;
  height: 10px;
  padding: 0;
  display: grid;
  position: absolute;
  transform: translateX(-7px);
}

.work-document-ruler-tab-stop > span {
  border-bottom: 2px solid;
  width: 7px;
  height: 7px;
  display: block;
  position: relative;
}

.work-document-ruler-tab-stop.left > span {
  border-left: 2px solid;
}

.work-document-ruler-tab-stop.right > span {
  border-right: 2px solid;
}

.work-document-ruler-tab-stop.center > span {
  border-left: 2px solid;
  border-right: 2px solid;
  width: 8px;
}

.work-document-ruler-tab-stop.decimal > span {
  border-left: 2px solid;
}

.work-document-ruler-tab-stop.decimal > span:after {
  content: "";
  background: currentColor;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  position: absolute;
  bottom: -2px;
  right: -3px;
}

.work-document-ruler-tab-stop:hover {
  background: color-mix(in srgb, var(--a3s-blue) 10%, transparent);
  color: var(--a3s-blue);
}

.work-document-ruler-tab-stop:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 72%, transparent);
  outline-offset: 1px;
}

.work-document-ruler-handle {
  --work-document-ruler-handle-position: 0px;
  z-index: 2;
  left: var(--work-document-ruler-handle-position);
  color: #566174;
  cursor: ew-resize;
  touch-action: none;
  background: none;
  border: 0;
  border-radius: 3px;
  place-items: center;
  width: 18px;
  min-width: 18px;
  height: 12px;
  padding: 0;
  display: grid;
  position: absolute;
  transform: translateX(-9px);
}

.work-document-ruler-handle > span {
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  width: 0;
  height: 0;
  display: block;
}

.work-document-ruler-handle.page-left-margin, .work-document-ruler-handle.page-right-margin {
  z-index: 1;
  color: #7d8798;
  top: 2px;
}

.work-document-ruler-handle.page-left-margin > span, .work-document-ruler-handle.page-right-margin > span {
  opacity: .52;
  background: currentColor;
  border: 0;
  border-radius: 2px;
  width: 3px;
  height: 16px;
}

.work-document-ruler-handle.left-indent, .work-document-ruler-handle.right-indent {
  z-index: 4;
  color: var(--a3s-blue);
  top: 9px;
}

.work-document-ruler-handle.left-indent > span, .work-document-ruler-handle.right-indent > span {
  border-bottom: 6px solid;
  border-left-width: 3px;
  border-right-width: 3px;
}

.work-document-ruler-handle.left-indent:after {
  content: "";
  background: currentColor;
  border-radius: 1px;
  width: 7px;
  height: 3px;
  position: absolute;
  top: 8px;
}

.work-document-ruler-handle.first-line-indent {
  z-index: 5;
  color: var(--a3s-blue);
  top: -2px;
}

.work-document-ruler-handle.first-line-indent > span {
  border-top: 6px solid;
}

.work-document-ruler-handle:hover {
  background: color-mix(in srgb, var(--a3s-blue) 10%, transparent);
  color: var(--a3s-blue);
}

.work-document-ruler-handle:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 72%, transparent);
  outline-offset: 1px;
}

.work-document-vertical-ruler-shell {
  z-index: 5;
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--a3s-line) 88%, transparent);
  background: color-mix(in srgb, var(--a3s-panel) 96%, #f4f6f9);
  width: 30px;
  color: var(--a3s-faint);
  font-family: var(--a3s-ui-font, ui-sans-serif), "PingFang SC", sans-serif;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 5px;
  padding: 0 4px;
  font-size: 7px;
  position: absolute;
  top: 0;
  right: calc(100% + 10px);
  overflow: hidden;
  box-shadow: 0 2px 7px #1f27371a;
}

.work-document-vertical-ruler {
  border: 0;
  width: 20px;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: visible;
}

.work-document-vertical-ruler-margin {
  background: linear-gradient(to right, #ffffff2e, transparent),
    color-mix(in srgb, var(--a3s-line) 68%, #cbd1da);
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 0 1px #3641540d;
}

.work-document-vertical-ruler-margin.top {
  height: var(--work-document-vertical-ruler-margin-top);
  border-radius: 3px 3px 0 0;
  top: 0;
}

.work-document-vertical-ruler-margin.bottom {
  height: var(--work-document-vertical-ruler-margin-bottom);
  border-radius: 0 0 3px 3px;
  bottom: 0;
}

.work-document-vertical-ruler-track {
  background: linear-gradient(to bottom,
    transparent var(--work-document-vertical-ruler-margin-top),
    #ffffffd1 var(--work-document-vertical-ruler-margin-top),
    #ffffffd1
      calc(100% - var(--work-document-vertical-ruler-margin-bottom)),
    transparent calc(100% - var(--work-document-vertical-ruler-margin-bottom)));
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.work-document-vertical-ruler-track > span {
  color: #6f7889;
  text-indent: -8px;
  white-space: nowrap;
  border-top: 1px solid #98a1b1;
  width: 5px;
  height: 1px;
  line-height: 1;
  position: absolute;
  right: 2px;
}

.work-document-vertical-ruler-track > span.major {
  border-color: #7d8798;
  width: 8px;
}

.work-document-vertical-ruler-handle {
  --work-document-vertical-ruler-handle-position: 0px;
  z-index: 3;
  top: var(--work-document-vertical-ruler-handle-position);
  color: #697487;
  cursor: ns-resize;
  touch-action: none;
  background: none;
  border: 0;
  border-radius: 3px;
  place-items: center;
  width: 18px;
  min-width: 18px;
  height: 14px;
  padding: 0;
  display: grid;
  position: absolute;
  left: 1px;
  transform: translateY(-7px);
}

.work-document-vertical-ruler-handle > span {
  opacity: .72;
  background: currentColor;
  border-radius: 2px;
  width: 14px;
  height: 3px;
  display: block;
  box-shadow: 0 0 0 1px #ffffffb8;
}

.work-document-vertical-ruler-handle:hover {
  background: color-mix(in srgb, var(--a3s-blue) 10%, transparent);
  color: var(--a3s-blue);
}

.work-document-vertical-ruler-handle:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 72%, transparent);
  outline-offset: 1px;
}

.work-document-layout-panel {
  border: 0;
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-width: 0;
  min-height: 46px;
  color: var(--a3s-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 12px;
  margin: 0;
  padding: 7px 12px;
  font-size: 9px;
  display: flex;
}

.work-document-layout-panel > .work-office-field, .work-document-layout-panel fieldset, .work-document-layout-panel fieldset .work-office-field {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.work-document-layout-panel > .work-office-field, .work-document-layout-panel fieldset .work-office-field {
  flex: none;
}

.work-document-layout-panel .work-office-field > span {
  white-space: nowrap;
  flex: none;
}

.work-document-layout-panel fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.work-document-layout-panel legend {
  float: left;
  margin-right: 5px;
}

.work-document-layout-panel .work-office-number-field {
  width: 47px;
}

.work-document-layout-panel .work-document-page-number-option.work-office-checkbox {
  min-height: 25px;
}

:where(.work-document-page, .work-document-preview-page, .work-pdf-export-page.document) {
  --work-document-render-font-family: var(--a3s-document-font-family, "A3S Office Noto Sans",
    "A3S Office Noto Sans Hans",
    "A3S Office Noto Naskh Arabic",
    "A3S Office Noto Sans Hebrew",
    sans-serif);
  --work-document-render-font-size: var(--a3s-document-font-size, 10.5pt);
  --work-document-render-line-height: var(--a3s-document-line-height, 1.5);
  --work-document-render-paragraph-after: var(--a3s-document-paragraph-after, 6pt);
  --work-document-render-heading-font-family: var(--a3s-document-heading-font-family, var(--work-document-render-font-family));
}

.work-document-page {
  box-sizing: border-box;
  border: 1px solid var(--a3s-line);
  background: var(--work-document-page-color, #fff);
  color: #20232b;
  width: 794px;
  min-height: 1123px;
  margin: 0 auto;
  padding: 25mm 23mm;
  position: relative;
  box-shadow: 0 8px 28px #1e26371a;
}

.work-document-page .tiptap [data-office-text-align="distribute"], .work-document-preview-page .tiptap [data-office-text-align="distribute"] {
  text-align: justify;
  text-align-last: justify;
}

.work-document-page.paginated {
  box-shadow: none;
  border: 0;
  background-color: #0000 !important;
}

.work-document-page-stack, .work-document-page-border-stack {
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  inset: 0;
  overflow: visible;
}

.work-document-page-border-stack.front {
  z-index: 6;
}

.work-document-page-border-surface {
  position: absolute;
  overflow: hidden;
}

.work-document-page-border {
  box-sizing: border-box;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
}

.work-pdf-export-page.document > .work-document-page-border.back {
  z-index: 0;
}

.work-pdf-export-page.document > .work-document-page-border.front {
  z-index: 6;
}

.work-pdf-export-page.document > :is(.work-document-print-body, .work-document-page-notes) {
  z-index: 1;
  position: relative;
}

.work-document-page-sheet {
  box-sizing: border-box;
  border: 1px solid var(--a3s-line);
  position: absolute;
  box-shadow: 0 8px 28px #1e26371a;
}

.work-document-page.paginated .work-document-editable {
  z-index: 1;
  position: relative;
}

.work-document-editable {
  position: relative;
}

.work-document-editable .ProseMirror[data-document-format-painter="true"] {
  cursor: copy;
}

.work-document-page.letter {
  width: 816px;
  min-height: 1056px;
}

.work-document-page.a4.landscape {
  width: 1123px;
  min-height: 794px;
}

.work-document-page.letter.landscape {
  width: 1056px;
  min-height: 816px;
}

.work-document-page-stage.web .work-document-page {
  width: 100%;
  min-height: 100%;
  box-shadow: none;
  border-color: #0000;
}

.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document {
  isolation: isolate;
  color: #20232b;
  font-family: var(--work-document-render-font-family);
  font-kerning: none;
  font-size: var(--work-document-render-font-size);
  line-height: var(--work-document-render-line-height);
  overflow-wrap: break-word;
  font-synthesis: style weight;
}

.work-document-page .tiptap {
  outline: 0;
  min-height: 820px;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) :is(em, i) {
  font-style: italic;
}

.work-document-page.landscape .tiptap {
  min-height: 520px;
}

.work-document-page-header, .work-document-page-footer, :is(.work-document-preview-page, .work-pdf-export-page.document) > header, :is(.work-document-preview-page, .work-pdf-export-page.document) > footer {
  z-index: 5;
  right: var(--work-document-page-margin-right, 88px);
  left: var(--work-document-page-margin-left, 88px);
  box-sizing: border-box;
  color: #7a8395;
  min-height: 28px;
  font-family: var(--work-document-render-font-family);
  font-kerning: none;
  font-size: var(--work-document-render-font-size);
  line-height: var(--work-document-render-line-height);
  white-space: pre-wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

:is(.work-document-preview-page, .work-pdf-export-page.document) > header, :is(.work-document-preview-page, .work-pdf-export-page.document) > footer {
  min-height: 0;
}

.work-document-page-header, :is(.work-document-preview-page, .work-pdf-export-page.document) > header {
  top: var(--work-document-page-header-distance, 0px);
  height: var(--work-document-page-header-height, var(--work-document-page-margin-top, 86px));
  justify-content: center;
  align-items: flex-start;
}

.work-document-page-header {
  border-bottom: 1px dashed #0000;
}

.work-document-page-footer, :is(.work-document-preview-page, .work-pdf-export-page.document) > footer {
  bottom: var(--work-document-page-footer-distance, 0px);
  height: var(--work-document-page-footer-height, var(--work-document-page-margin-bottom, 96px));
  justify-content: space-between;
  align-items: flex-end;
}

.work-document-page-footer {
  border-top: 1px dashed #0000;
}

.work-document-page-header.editing, .work-document-page-footer.editing {
  border-color: #cfd5df;
}

.work-document-page-header:not(.editing), .work-document-page-footer:not(.editing) {
  cursor: text;
}

.work-document-page-header .work-document-page-chrome-html, .work-document-page-footer-content, .work-document-page-footer-content .work-document-page-chrome-html {
  width: 100%;
  min-width: 0;
}

.work-document-page-footer-content {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 27px;
  display: flex;
  position: relative;
}

.work-document-page-number {
  font-variant-numeric: tabular-nums;
  flex: none;
  margin-left: 12px;
}

.work-document-page.page-chrome-editing .work-document-editable {
  opacity: .58;
  transition: opacity .12s;
}

.work-document-page .tiptap .work-page-break {
  break-after: page;
  cursor: default;
  background: #f5f7fa;
  border-top: 1px dashed #9ea8b9;
  border-bottom: 1px dashed #9ea8b9;
  height: 26px;
  margin: 38px 0;
  position: relative;
}

.work-document-page .tiptap .work-page-break:after {
  color: #778196;
  content: "分页符";
  font-family: var(--a3s-ui-font, ui-sans-serif), "PingFang SC", sans-serif;
  letter-spacing: .08em;
  place-items: center;
  font-size: 9px;
  display: grid;
  position: absolute;
  inset: 0;
}

.work-document-editor.preview .work-page-break, .work-document-live-pdf-snapshot .work-page-break {
  visibility: hidden;
}

.work-document-live-pdf-snapshot :is(.work-document-auto-page-break, .work-document-table-page-spacer, .work-document-table-cell-local-page-spacer):before {
  content: none;
  display: none;
}

.work-document-page.paginated .tiptap, .work-document-page.paginated .tiptap > .work-document-section:first-child {
  min-height: 0;
}

.work-document-page .tiptap .work-document-auto-page-break {
  width: calc(100% +
    var(--work-document-page-margin-left) +
    var(--work-document-page-margin-right) +
    var(--work-document-break-inline-offset-left) +
    var(--work-document-break-inline-offset-right));
  height: var(--work-document-page-spacer-height);
  clear: both;
  column-span: all;
  margin-right: calc(-1 *
    var(--work-document-page-margin-right) -
    var(--work-document-break-inline-offset-right));
  margin-left: calc(-1 *
    var(--work-document-page-margin-left) -
    var(--work-document-break-inline-offset-left));
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  display: block;
  position: relative;
}

.work-document-page .tiptap .work-document-auto-page-break:before {
  top: var(--work-document-page-gap-offset);
  box-sizing: border-box;
  height: var(--work-document-page-gap-height);
  border-top: 1px solid color-mix(in srgb, var(--a3s-line) 80%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--a3s-line) 80%, transparent);
  background: color-mix(in srgb, var(--a3s-bg) 80%, #dfe3e9);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  box-shadow: inset 0 5px 8px -8px #1e26377a, inset 0 -5px 8px -8px #1e26376b;
}

.work-document-page .tiptap .work-document-page-break-chrome {
  right: var(--work-document-page-margin-right);
  left: var(--work-document-page-margin-left);
  z-index: 4;
  box-sizing: border-box;
  color: #7a8395;
  min-width: 0;
  font-family: var(--a3s-ui-font, ui-sans-serif), "PingFang SC", sans-serif;
  pointer-events: none;
  white-space: pre-wrap;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.work-document-page .tiptap .work-document-page-break-chrome.header {
  top: var(--work-document-next-page-header-top);
  right: var(--work-document-next-page-margin-right, var(--work-document-page-margin-right));
  left: var(--work-document-next-page-margin-left, var(--work-document-page-margin-left));
  height: var(--work-document-page-header-height);
}

.work-document-page .tiptap .work-document-page-break-chrome.footer {
  top: var(--work-document-previous-page-footer-top);
  right: var(--work-document-previous-page-margin-right, var(--work-document-page-margin-right));
  left: var(--work-document-previous-page-margin-left, var(--work-document-page-margin-left));
  height: var(--work-document-page-footer-height);
  justify-content: space-between;
}

.work-document-page .tiptap .work-document-page-break-chrome .work-document-page-chrome-html {
  width: 100%;
  min-width: 0;
}

.work-document-page .tiptap .work-document-page-break-chrome .work-document-page-number {
  flex: none;
}

.work-document-page .tiptap .tableWrapper:has(.work-document-table-page-break, .work-document-table-cell-page-break) {
  overflow: visible;
}

.work-document-page .tiptap .work-document-table-page-break {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.work-document-page .tiptap .work-document-table-page-break > td {
  background: none;
  border: 0;
  height: auto;
  padding: 0;
}

.work-document-page .tiptap .work-document-table-page-spacer {
  width: calc(100% +
    var(--work-document-page-margin-left) +
    var(--work-document-page-margin-right) +
    var(--work-document-break-inline-offset-left) +
    var(--work-document-break-inline-offset-right));
  height: var(--work-document-page-spacer-height);
  margin-right: calc(-1 *
    var(--work-document-page-margin-right) -
    var(--work-document-break-inline-offset-right));
  margin-left: calc(-1 *
    var(--work-document-page-margin-left) -
    var(--work-document-break-inline-offset-left));
  display: block;
  position: relative;
}

.work-document-page .tiptap .work-document-table-page-spacer:before {
  top: var(--work-document-page-gap-offset);
  box-sizing: border-box;
  height: var(--work-document-page-gap-height);
  border-top: 1px solid color-mix(in srgb, var(--a3s-line) 80%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--a3s-line) 80%, transparent);
  background: color-mix(in srgb, var(--a3s-bg) 80%, #dfe3e9);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  box-shadow: inset 0 5px 8px -8px #1e26377a, inset 0 -5px 8px -8px #1e26376b;
}

.work-document-page .tiptap .work-document-table-cell-page-break {
  z-index: 10;
  box-sizing: border-box;
  isolation: isolate;
  height: calc(var(--work-document-table-cell-alignment-offset) +
    var(--work-document-page-spacer-height) +
    var(--work-document-table-repeat-header-height));
  padding: var(--work-document-table-cell-alignment-offset) 0 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  margin: 0;
  display: block;
  position: relative;
}

.work-document-page .tiptap .work-document-table-cell-page-break.is-leading {
  z-index: 10;
}

.work-document-page .tiptap :is(td, th):has(.work-document-table-cell-page-break) {
  z-index: 9;
  overflow: visible;
}

.work-document-page .tiptap .work-document-table-cell-page-break .work-document-table-cell-page-spacer {
  top: var(--work-document-table-cell-alignment-offset);
  left: calc(-1 *
    var(--work-document-table-leading-cell-offset-left) -
    var(--work-document-page-margin-left) -
    var(--work-document-break-inline-offset-left));
  z-index: 2;
  width: calc(var(--work-document-table-width) +
    var(--work-document-page-margin-left) +
    var(--work-document-page-margin-right) +
    var(--work-document-break-inline-offset-left) +
    var(--work-document-break-inline-offset-right));
  background: var(--work-document-page-color, #fff);
  margin: 0;
  position: absolute;
}

.work-document-page .tiptap .work-document-table-cell-page-layer {
  left: calc(-1 * var(--work-document-table-cell-content-offset-left));
  z-index: 11;
  width: var(--work-document-table-cell-outer-width);
  height: calc(var(--work-document-page-spacer-height) +
    var(--work-document-table-repeat-header-height));
  background: var(--work-document-page-color, #fff);
  position: relative;
  overflow: hidden;
}

.work-document-page .tiptap .work-document-table-cell-local-page-spacer {
  width: 100%;
  height: var(--work-document-page-spacer-height);
  background: var(--work-document-page-color, #fff);
  display: block;
  position: relative;
}

.work-document-page .tiptap .work-document-table-cell-local-page-spacer:before {
  top: var(--work-document-page-gap-offset);
  box-sizing: border-box;
  height: var(--work-document-page-gap-height);
  border-top: 1px solid color-mix(in srgb, var(--a3s-line) 80%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--a3s-line) 80%, transparent);
  background: color-mix(in srgb, var(--a3s-bg) 80%, #dfe3e9);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  box-shadow: inset 0 5px 8px -8px #1e26377a, inset 0 -5px 8px -8px #1e26376b;
}

.work-document-page .tiptap .work-document-table-cell-repeated-header-viewport {
  width: 100%;
  height: var(--work-document-table-repeat-header-height);
  background: #fff;
  position: relative;
  overflow: hidden;
}

.work-document-page .tiptap .work-document-table-cell-page-break .work-document-table-cell-repeated-header {
  top: 0;
  left: calc(-1 * var(--work-document-table-cell-offset-left));
  z-index: 2;
  width: var(--work-document-table-width);
  background: #fff;
  margin: 0;
  position: absolute;
}

.work-document-page .tiptap .work-document-table-repeated-header {
  background: #fff;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.work-document-page .tiptap .work-document-table-repeated-header-cell {
  box-sizing: border-box;
  color: #20232b;
  font-family: var(--work-document-render-font-family);
  background: #f1f4f9;
  border: 1px solid #cfd5df;
  font-weight: 680;
  position: absolute;
  overflow: hidden;
}

.work-document-page .tiptap .work-document-table-repeated-header-cell > p {
  margin: 0;
}

.work-document-page .tiptap > :first-child {
  margin-top: 0;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) h1 {
  color: #172033;
  font-family: var(--work-document-render-heading-font-family);
  letter-spacing: -.025em;
  margin: 0 0 18px;
  font-size: 24px;
  font-weight: 730;
  line-height: 1.32;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) h2 {
  color: #1b263d;
  font-family: var(--work-document-render-heading-font-family);
  margin: 24px 0 10px;
  font-size: 20px;
  font-weight: 690;
  line-height: 1.4;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) h3 {
  color: #24304a;
  font-family: var(--work-document-render-heading-font-family);
  margin: 25px 0 9px;
  font-size: 17px;
  font-weight: 670;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) p {
  margin: 0 0 var(--work-document-render-paragraph-after);
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) :is(p, h1, h2, h3, h4, h5, h6)[data-office-auto-line-height] {
  line-height: var(--work-document-office-auto-line-height) !important;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) :is(p, h1, h2, h3, h4, h5, h6)[data-office-auto-line-height] > :where(span, a, strong, em, u, s, code) {
  top: var(--work-document-office-auto-line-shift, 0);
  position: relative;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) :is(p, h1, h2, h3, h4, h5, h6)[data-office-auto-line-height] > :where(span, a, strong, em, u, s, code)[data-office-word-line-height-factor] {
  line-height: calc(var(--work-document-office-auto-line-multiple, 1) *
    var(--work-document-word-line-height-factor));
  top: calc((1 - var(--work-document-office-auto-line-multiple, 1)) *
    var(--work-document-word-line-height-factor) *
    .5em);
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) section:is([data-section-document-grid-type="lines"], [data-section-document-grid-type="linesAndChars"], [data-section-document-grid-type="snapToChars"]) :is(p, h1, h2, h3, h4, h5, h6)[data-office-auto-line-height] {
  line-height: round(up,
    calc(var(--work-document-office-auto-line-height, 1.15) * 1em),
    var(--work-document-word-grid-line-pitch)) !important;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) section:is([data-section-document-grid-type="lines"], [data-section-document-grid-type="linesAndChars"], [data-section-document-grid-type="snapToChars"]) :is(p, h1, h2, h3, h4, h5, h6)[data-office-auto-line-height] > :where(span, a, strong, em, u, s, code)[data-office-word-line-height-factor] {
  vertical-align: top;
  line-height: round(up,
    calc(var(--work-document-office-auto-line-multiple, 1) *
      var(--work-document-word-line-height-factor) *
      1em),
    var(--work-document-word-grid-line-pitch));
}

.work-document-page .tiptap .work-document-tab, .work-pdf-export-page.document .work-document-tab {
  vertical-align: -.12em;
  white-space: pre;
  width: 48px;
  min-width: 1px;
  height: 1em;
  display: inline-block;
  position: relative;
}

.work-document-page .tiptap .work-document-tab:after, .work-pdf-export-page.document .work-document-tab:after {
  content: "";
  pointer-events: none;
  height: 1px;
  position: absolute;
  bottom: .2em;
  left: 1px;
  right: 1px;
}

.work-document-tab[data-document-tab-leader="dot"]:after {
  opacity: .68;
  background: radial-gradient(circle, currentColor 0 .65px, #0000 .8px) 0 0 / 4px 1px repeat-x;
}

.work-document-tab[data-document-tab-leader="hyphen"]:after {
  opacity: .62;
  background: repeating-linear-gradient(to right, currentColor 0 3px, #0000 3px 6px);
}

.work-document-tab[data-document-tab-leader="underscore"]:after {
  opacity: .58;
  border-bottom: 1px solid;
}

.work-document-tab[data-document-tab-leader="middleDot"]:after {
  opacity: .66;
  background: radial-gradient(circle, currentColor 0 .75px, #0000 .9px) 0 0 / 5px 1px repeat-x;
  bottom: .45em;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) :is(ul, ol) {
  margin: 9px 0 17px;
  padding-left: 26px;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) li p {
  margin: 4px 0;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) blockquote {
  color: #4f5a70;
  background: #f4f7fd;
  border-left: 3px solid #3974e8;
  margin: 18px 0 24px;
  padding: 12px 16px;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) blockquote p {
  margin: 0;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) code {
  background: #f0f2f5;
  border-radius: 4px;
  padding: 2px 4px;
  font-family: SFMono-Regular, Consolas, monospace;
  font-size: .88em;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) pre {
  color: #eef2fa;
  background: #202635;
  border-radius: 7px;
  padding: 14px 16px;
  overflow: auto;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) a {
  color: #2868d7;
  text-underline-offset: 2px;
  cursor: pointer;
  text-decoration: underline;
}

.work-document-page .tiptap img {
  border-radius: 4px;
  max-width: 100%;
  height: auto;
  margin: 18px auto;
  display: block;
}

.work-document-page .tiptap [data-resize-container][data-node="image"] {
  width: fit-content;
  max-width: 100%;
  rotate: var(--work-document-image-rotation, 0deg);
  scale: var(--work-document-image-flip-x, 1)
    var(--work-document-image-flip-y, 1);
  transform-origin: center;
  margin-block: 18px;
  display: block !important;
}

.work-document-page .tiptap [data-resize-container][data-node="image"]:not([data-office-image-layout="inline"]) {
  z-index: var(--work-document-image-z-index, 1);
  position: relative;
}

.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="none"] {
  translate: var(--work-document-image-free-translate-x, 0)
    var(--work-document-image-free-translate-y, 0);
  margin: 0;
  position: absolute;
  left: auto;
  right: auto;
}

.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="none"]:not([data-office-image-horizontal-offset])[data-office-image-alignment="left"] {
  left: 0;
}

.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="none"]:not([data-office-image-horizontal-offset])[data-office-image-alignment="center"] {
  --work-document-image-free-translate-x: -50%;
  left: 50%;
}

.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="none"]:not([data-office-image-horizontal-offset])[data-office-image-alignment="right"] {
  right: 0;
}

.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="none"][data-office-image-horizontal-offset] {
  --work-document-image-free-translate-x: var(--work-document-image-horizontal-offset, 0);
}

.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="none"][data-office-image-vertical-offset] {
  --work-document-image-free-translate-y: var(--work-document-image-vertical-offset, 0);
}

.work-document-page .tiptap [data-resize-container][data-node="image"] [data-resize-wrapper], .work-document-page .tiptap [data-resize-container][data-node="image"] img {
  max-width: 100%;
}

.work-document-page .tiptap [data-resize-container][data-node="image"] img {
  margin: 0;
}

.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="inline"][data-office-image-alignment="left"], .work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="topBottom"][data-office-image-alignment="left"] {
  margin-left: 0;
  margin-right: auto;
}

.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="inline"][data-office-image-alignment="center"], .work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="topBottom"][data-office-image-alignment="center"] {
  margin-left: auto;
  margin-right: auto;
}

.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="inline"][data-office-image-alignment="right"], .work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="topBottom"][data-office-image-alignment="right"] {
  margin-left: auto;
  margin-right: 0;
}

.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="square"][data-office-image-alignment="left"] {
  float: left;
  margin: 0 var(--work-document-image-wrap-distance, 3mm)
    var(--work-document-image-wrap-distance, 3mm) 0;
}

.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="square"][data-office-image-alignment="right"] {
  float: right;
  margin: 0 0 var(--work-document-image-wrap-distance, 3mm)
    var(--work-document-image-wrap-distance, 3mm);
}

.work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-layout="tight"], [data-office-image-layout="through"])[data-office-image-alignment="left"] {
  float: left;
  margin: 0;
}

.work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-layout="tight"], [data-office-image-layout="through"])[data-office-image-alignment="right"] {
  float: right;
  margin: 0;
}

.work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-layout="tight"], [data-office-image-layout="through"]):is([data-office-image-alignment="left"], [data-office-image-alignment="right"]) {
  shape-margin: var(--work-document-image-wrap-distance, 3mm);
  shape-outside: var(--work-document-image-wrap-contour, inset(0));
}

.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="square"][data-office-image-alignment="center"], .work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-layout="tight"], [data-office-image-layout="through"])[data-office-image-alignment="center"], .work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="topBottom"] {
  clear: both;
}

.work-document-page .tiptap [data-resize-container][data-node="image"][data-office-image-layout="topBottom"] {
  margin-block: var(--work-document-image-wrap-distance, 3mm);
}

.work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-layout="square"], [data-office-image-layout="tight"], [data-office-image-layout="through"], [data-office-image-layout="topBottom"]):is([data-office-image-horizontal-offset], [data-office-image-vertical-offset]) {
  translate: var(--work-document-image-horizontal-offset, 0)
    var(--work-document-image-vertical-offset, 0);
}

.work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-crop-top], [data-office-image-crop-right], [data-office-image-crop-bottom], [data-office-image-crop-left]) [data-resize-wrapper] {
  overflow: hidden;
}

.work-document-page .tiptap [data-resize-container][data-node="image"]:is([data-office-image-crop-top], [data-office-image-crop-right], [data-office-image-crop-bottom], [data-office-image-crop-left]) img {
  max-width: none;
  transform: translate(var(--work-document-image-crop-translate-x, 0),
      var(--work-document-image-crop-translate-y, 0))
    scale(var(--work-document-image-crop-scale-x, 1),
      var(--work-document-image-crop-scale-y, 1));
  transform-origin: 0 0;
}

.work-document-page .tiptap .ProseMirror:after {
  clear: both;
  content: "";
  display: block;
}

.work-document-page .tiptap .ProseMirror-selectednode {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 75%, transparent);
  outline-offset: 3px;
}

.work-document-page .tiptap .tableWrapper {
  margin: 18px 0 22px;
  overflow-x: auto;
}

.work-document-page .tiptap .tableWrapper:has( > table[data-office-table-imported="true"]) {
  margin: 0;
}

.work-document-page .tiptap table {
  table-layout: auto;
  border-collapse: collapse;
  width: auto;
}

.work-document-page .tiptap table[data-office-table-layout="autofit"], .work-document-page .tiptap table[data-office-table-layout="contents"] {
  table-layout: auto;
}

.work-document-page .tiptap table[data-office-table-layout="autofit"][data-office-table-width-type="auto"] col, .work-document-page .tiptap table[data-office-table-layout="contents"] col {
  width: auto !important;
}

.work-document-page .tiptap table[data-office-table-layout="fixed"] {
  table-layout: fixed;
}

.work-document-page .tiptap table[data-office-table-layout="window"] {
  table-layout: fixed;
  width: 100%;
}

.work-document-page .tiptap th, .work-document-page .tiptap td {
  min-width: 25px;
  padding: var(--work-table-cell-margin-top, 0px)
    var(--work-table-cell-margin-right, 7.2px)
    var(--work-table-cell-margin-bottom, 0px)
    var(--work-table-cell-margin-left, 7.2px);
  vertical-align: top;
  border: 1px solid #cfd5df;
  position: relative;
}

.work-document-page .tiptap th {
  font-family: var(--work-document-render-font-family);
  background: #f1f4f9;
  font-weight: 680;
}

.work-document-page .tiptap td > p, .work-document-page .tiptap th > p {
  margin: 0;
}

.work-document-page .tiptap .selectedCell:after {
  background: color-mix(in srgb, var(--a3s-blue) 10%, transparent);
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.work-document-page .tiptap .column-resize-handle {
  background: var(--a3s-blue);
  pointer-events: none;
  width: 4px;
  position: absolute;
  top: 0;
  bottom: -2px;
  right: -2px;
}

.work-document-page .tiptap p.is-editor-empty:first-child:before, .work-document-page .tiptap h1.is-editor-empty:first-child:before {
  float: left;
  color: #afb4be;
  content: attr(data-placeholder);
  pointer-events: none;
  height: 0;
}

.work-document-editor.preview .work-document-page {
  border-color: #0000;
  box-shadow: 0 8px 30px #1e263712;
}

.work-document-statistics {
  border: 1px solid var(--a3s-line);
  border-radius: 7px;
  margin: 0;
  display: grid;
  overflow: hidden;
}

.work-document-statistics > div {
  background: var(--a3s-panel);
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  padding: 9px 12px;
  font-size: 12px;
  display: grid;
}

.work-document-statistics > div + div {
  border-top: 1px solid var(--a3s-line);
}

.work-document-statistics dt {
  color: var(--a3s-muted);
}

.work-document-statistics dd {
  color: var(--a3s-ink);
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-weight: 620;
}

@media (width <= 1080px) {
  .work-export-button {
    padding: 0 9px;
  }

  .work-document-page {
    padding-left: 62px;
    padding-right: 62px;
  }

  .work-document-footer [aria-label="引用状态"], .work-document-footer [aria-label="文档保存状态"] {
    display: none;
  }
}

@media (width <= 900px) {
  .work-document-scroll {
    padding: 20px 12px 60px;
  }

  .work-document-scroll.rulers-visible {
    padding-left: 50px;
  }
}

@media (width <= 760px) {
  .work-document-footer .work-office-status-info [data-document-status-item="section"], .work-document-footer .work-office-status-info [data-document-status-item="spellcheck"] {
    display: none;
  }

  .work-document-footer .work-office-status-slider {
    width: 58px;
  }
}

@media (width <= 520px) {
  .work-document-footer.work-office-status {
    flex-basis: 40px;
    gap: 6px;
    height: 40px;
    padding-inline: 8px;
  }

  .work-document-footer .work-office-status-info {
    gap: 8px;
  }

  .work-document-footer .work-office-status-info [data-document-status-item="word-count"], .work-document-footer .work-office-status-view [data-document-status-control="view-mode"] {
    display: none;
  }

  .work-document-footer .work-office-status-view {
    gap: 2px;
  }

  .work-document-footer.work-office-status button {
    width: 36px;
    height: 36px;
  }

  .work-document-footer .work-office-status-slider {
    width: 48px;
    margin-inline: 0;
  }
}

.work-document-layout-panel > legend {
  float: none;
  color: var(--a3s-ink);
  margin: 0 4px 0 0;
  font-weight: 650;
}

.work-document-section-actions {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.work-document-section-actions .ds-button {
  font-size: 10px;
}

.work-document-layout-panel .work-document-columns-panel {
  flex-wrap: wrap;
}

.work-document-layout-panel .work-document-column-option {
  gap: 4px;
}

.work-document-layout-panel .work-document-column-option input, .work-document-layout-panel .work-document-page-number-option input[type="checkbox"] {
  width: 13px;
  height: 13px;
  padding: 0;
}

.work-document-custom-columns {
  flex-wrap: wrap;
  flex: 100%;
  align-items: center;
  gap: 6px 12px;
  min-width: 100%;
  padding: 5px 0 0 43px;
  display: flex;
}

.work-document-custom-column {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.work-document-custom-column strong {
  color: var(--a3s-ink);
  font-weight: 650;
}

.work-document-custom-columns > p {
  min-width: 240px;
  color: var(--a3s-subtle);
  flex: 100%;
  margin: 0;
}

.work-document-layout-panel .work-document-page-chrome-panel {
  border-top: 1px solid var(--a3s-line);
  flex: 100%;
  grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr);
  gap: 7px 10px;
  min-width: 0;
  padding-top: 7px;
  display: grid;
}

.work-document-layout-panel .work-document-page-chrome-panel > legend {
  color: var(--a3s-ink);
  grid-column: 1 / -1;
  font-weight: 650;
}

.work-document-page-chrome-options {
  flex-wrap: wrap;
  grid-column: 1 / -1;
  align-items: center;
  gap: 10px;
  display: flex;
}

.work-document-layout-panel .work-document-page-chrome-options > .work-office-field {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.work-document-page-chrome-editor {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.work-document-page-chrome-toolbar {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.work-document-page-chrome-toolbar-row {
  min-width: 0;
  border: 0;
  flex-wrap: nowrap;
  align-items: center;
  gap: 3px;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  display: flex;
}

.work-document-page-chrome-toolbar button {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  min-width: 24px;
  height: 23px;
  color: var(--a3s-muted);
  font: inherit;
  cursor: pointer;
  border-radius: 4px;
  padding: 0 5px;
}

.work-document-page-chrome-toolbar button:hover {
  border-color: var(--a3s-blue);
  color: var(--a3s-blue);
}

.work-document-page-chrome-toolbar button.active {
  border-color: color-mix(in srgb, var(--a3s-blue) 30%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-blue) 10%, var(--a3s-bg));
  color: var(--a3s-blue);
}

.work-document-page-chrome-toolbar button:disabled {
  opacity: .38;
  cursor: default;
}

.work-document-page-chrome-toolbar button:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 65%, transparent);
  outline-offset: 1px;
}

.work-document-page-chrome-color {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  border-radius: 4px;
  place-items: center;
  width: 24px;
  height: 23px;
  display: inline-grid;
}

.work-document-page-chrome-color input {
  border: 0;
  width: 15px;
  height: 15px;
  padding: 0;
}

.work-document-page-chrome-content {
  border: 1px solid var(--a3s-line);
  min-height: 48px;
  max-height: 100px;
  color: var(--a3s-ink);
  font-family: var(--a3s-document-font-family, "A3S Office Noto Sans",
    "A3S Office Noto Sans Hans",
    "A3S Office Noto Naskh Arabic",
    "A3S Office Noto Sans Hebrew",
    sans-serif);
  background: #fff;
  border-radius: 5px;
  outline: 0;
  padding: 6px 8px;
  font-size: 11px;
  line-height: 1.45;
  overflow: auto;
}

.work-document-page-chrome-content:focus-visible {
  border-color: var(--a3s-blue);
  box-shadow: 0 0 0 2px #2f6fed1a;
}

.work-document-page-chrome-content p.is-editor-empty:first-child:before {
  float: left;
  color: #a0a8b7;
  content: attr(data-placeholder);
  pointer-events: none;
  height: 0;
}

.work-document-page-chrome-content p, .work-document-page-chrome-html p {
  margin: 0;
}

.work-document-page-chrome-content img, .work-document-page-chrome-html img {
  object-fit: contain;
  max-width: 100%;
  max-height: 48px;
}

.work-document-page .work-document-page-chrome-inline-editor {
  width: 100%;
  min-width: 0;
  display: block;
}

.work-document-page .work-document-page-chrome-inline-editor .work-document-page-chrome-content, .work-document-page .work-document-page-chrome-inline-editor .tiptap {
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--a3s-blue) 58%, var(--a3s-line));
  color: #4d5668;
  min-height: 27px;
  max-height: 76px;
  font-family: var(--work-document-render-font-family);
  font-size: var(--work-document-render-font-size);
  line-height: var(--work-document-render-line-height);
  background: #ffffffeb;
  border-radius: 4px;
  padding: 4px 6px;
  overflow: auto;
  box-shadow: 0 0 0 2px #2f6fed14;
}

.work-document-page .work-document-page-chrome-inline-editor .work-document-page-chrome-content:focus-visible {
  border-color: var(--a3s-blue);
  box-shadow: 0 0 0 2px #2f6fed24;
}

.work-document-page-chrome-panel > .work-document-page-number-option {
  grid-column: 1 / -1;
}

.work-document-page-chrome-html {
  white-space: normal;
  width: 100%;
  min-width: 0;
}

.work-document-page .tiptap > .work-document-section {
  column-gap: var(--work-document-column-gap, 12mm);
  column-rule: var(--work-document-column-rule, none);
  min-height: 120px;
  position: relative;
}

.work-document-page .tiptap > .work-document-section:not([data-section-column-count="1"]) {
  column-count: var(--work-document-column-count);
}

.work-document-page .tiptap .work-document-chunk {
  width: 100%;
  display: flow-root;
}

.work-document-page .tiptap .work-document-chunk.placeholder {
  box-sizing: border-box;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.work-document-page .tiptap > .work-document-section:first-child {
  min-height: 760px;
}

.work-document-page.landscape .tiptap > .work-document-section:first-child {
  min-height: 460px;
}

.work-document-page.paginated .tiptap > .work-document-section {
  box-sizing: border-box;
  width: var(--work-document-section-body-width, auto);
  margin-right: 0;
  margin-left: calc((100% - var(--work-document-section-page-width, 100%)) /
    2 +
    var(--work-document-section-margin-left, 0px));
}

.work-document-page.paginated .tiptap > .work-document-section + .work-document-section {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

.work-document-page.paginated .tiptap > .work-document-section + .work-document-section:before {
  display: none;
}

.work-document-page .tiptap > .work-document-section + .work-document-section {
  border-top: 1px dashed #9ea8b9;
  margin-top: 46px;
  padding-top: 28px;
}

.work-document-page .tiptap > .work-document-section + .work-document-section:before {
  color: #778196;
  content: "分节符";
  font-family: var(--a3s-ui-font, ui-sans-serif), "PingFang SC", sans-serif;
  letter-spacing: .08em;
  background: #fff;
  padding: 1px 8px;
  font-size: 9px;
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
}

.work-document-note-reference, [data-document-note-reference] {
  color: var(--a3s-blue);
  cursor: default;
  font-family: var(--a3s-ui-font, ui-sans-serif), "PingFang SC", sans-serif;
  vertical-align: super;
  margin-inline: 1px;
  font-size: .72em;
  font-weight: 650;
  line-height: 0;
}

.work-document-page .tiptap .work-document-note {
  column-span: all;
  color: #4d5668;
  border-top: 1px solid #d8dee8;
  grid-template-columns: 22px minmax(0, 1fr);
  min-height: 28px;
  margin-top: 12px;
  padding-top: 8px;
  font-size: 11px;
  line-height: 1.55;
  display: grid;
}

.work-document-page .tiptap .work-document-note:before {
  color: var(--a3s-blue);
  content: attr(data-note-number);
  font-family: var(--a3s-ui-font, ui-sans-serif), "PingFang SC", sans-serif;
  font-weight: 650;
}

.work-document-page .tiptap .work-document-note[data-note-kind="endnote"]:before {
  content: "尾" attr(data-note-number);
}

.work-document-page .tiptap .work-document-note > * {
  grid-column: 2;
}

.work-document-page .tiptap .work-document-note > :first-child {
  margin-top: 0;
}

.work-document-page .tiptap .work-document-note > :last-child {
  margin-bottom: 0;
}

.work-document-section > table, .work-document-section > .tableWrapper, .work-document-print-body table {
  break-inside: auto;
}

.work-document-preview-page table, .work-document-print-body table {
  table-layout: auto;
  border-collapse: collapse;
  width: auto;
  margin: 18px 0 22px;
}

.work-document-preview-page table[data-office-table-imported="true"], .work-document-print-body table[data-office-table-imported="true"] {
  margin: 0;
}

.work-document-preview-page table[data-office-table-layout="autofit"], .work-document-print-body table[data-office-table-layout="autofit"], .work-document-preview-page table[data-office-table-layout="contents"], .work-document-print-body table[data-office-table-layout="contents"] {
  table-layout: auto;
}

.work-document-preview-page table[data-office-table-layout="autofit"][data-office-table-width-type="auto"] col, .work-document-print-body table[data-office-table-layout="autofit"][data-office-table-width-type="auto"] col, .work-document-preview-page table[data-office-table-layout="contents"] col, .work-document-print-body table[data-office-table-layout="contents"] col {
  width: auto !important;
}

.work-document-preview-page table[data-office-table-layout="fixed"], .work-document-print-body table[data-office-table-layout="fixed"] {
  table-layout: fixed;
  width: auto;
}

.work-document-preview-page table[data-office-table-layout="window"], .work-document-print-body table[data-office-table-layout="window"] {
  table-layout: fixed;
  width: 100%;
}

.work-document-preview-page :is(th, td), .work-document-print-body :is(th, td) {
  min-width: 25px;
  padding: var(--work-table-cell-margin-top, 0px)
    var(--work-table-cell-margin-right, 7.2px)
    var(--work-table-cell-margin-bottom, 0px)
    var(--work-table-cell-margin-left, 7.2px);
  vertical-align: top;
  border: 1px solid #cfd5df;
}

.work-document-preview-page th, .work-document-print-body th {
  background-color: #f1f4f9;
  font-weight: 680;
}

.work-document-preview-page :is(th, td) > p, .work-document-print-body :is(th, td) > p {
  margin: 0;
}

.work-document-section tr[data-office-cant-split="true"], .work-document-print-body tr[data-office-cant-split="true"] {
  break-inside: avoid;
}

.work-document-preview-page {
  box-sizing: border-box;
  border: 1px solid var(--a3s-line);
  background: #fff;
  flex-direction: column;
  width: 794px;
  min-height: 1123px;
  margin: 0 auto 28px;
  display: flex;
  position: relative;
  box-shadow: 0 8px 30px #1e263712;
}

.work-document-preview-page.letter {
  width: 816px;
  min-height: 1056px;
}

.work-document-preview-page.a4.landscape {
  width: 1123px;
  min-height: 794px;
}

.work-document-preview-page.letter.landscape {
  width: 1056px;
  min-height: 816px;
}

.work-document-print-body {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.work-document-print-body > article {
  flex: none;
  min-height: 0;
  position: relative;
}

.work-document-print-body > .work-document-custom-column-layout {
  align-items: start;
  display: grid;
}

.work-document-custom-column-layout > [data-document-column-index] {
  min-width: 0;
  height: 100%;
}

.work-document-custom-column-layout > [data-document-column-index] > :first-child {
  margin-top: 0;
}

.work-document-print-body > article + article {
  border-top: 1px solid #dfe3eb;
  margin-top: 18px;
  padding-top: 18px;
}

.work-document-page-notes {
  color: #4d5668;
  border-top: 1px solid #aeb6c4;
  flex: none;
  margin-top: 18px;
  padding-top: 8px;
  font-size: 10px;
  line-height: 1.55;
}

.work-document-page-notes.endnote {
  margin-top: 22px;
}

.work-document-page-notes h3 {
  color: #343d4e;
  font-family: var(--a3s-ui-font, ui-sans-serif), "PingFang SC", sans-serif;
  margin: 0 0 6px;
  font-size: 11px;
}

.work-document-page-notes ol {
  margin: 0;
  padding-left: 22px;
}

.work-document-page-notes li {
  margin: 0 0 5px;
  padding-left: 2px;
}

.work-document-page-notes li:last-child, .work-document-page-notes li p:last-child {
  margin-bottom: 0;
}

.work-document-page-notes li p {
  margin: 0 0 4px;
}

.work-document-blank-page-label {
  color: #a0a7b4;
  min-height: 240px;
  font-family: var(--a3s-ui-font, ui-sans-serif), "PingFang SC", sans-serif;
  flex: 1;
  place-items: center;
  font-size: 11px;
  display: grid;
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img {
  max-width: 100%;
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout] {
  height: auto;
  rotate: var(--work-document-image-rotation, 0deg);
  scale: var(--work-document-image-flip-x, 1)
    var(--work-document-image-flip-y, 1);
  transform-origin: center;
  border-radius: 4px;
  margin-block: 18px;
  display: block;
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout]:not([data-office-image-layout="inline"]) {
  z-index: var(--work-document-image-z-index, 1);
  position: relative;
}

.work-pdf-export-page.document .work-document-print-body img[data-office-image-layout="none"] {
  translate: var(--work-document-image-free-translate-x, 0)
    var(--work-document-image-free-translate-y, 0);
  margin: 0;
  position: absolute;
  left: auto;
  right: auto;
}

.work-pdf-export-page.document .work-document-print-body img[data-office-image-layout="none"]:not([data-office-image-horizontal-offset])[data-office-image-alignment="left"] {
  left: 0;
}

.work-pdf-export-page.document .work-document-print-body img[data-office-image-layout="none"]:not([data-office-image-horizontal-offset])[data-office-image-alignment="center"] {
  --work-document-image-free-translate-x: -50%;
  left: 50%;
}

.work-pdf-export-page.document .work-document-print-body img[data-office-image-layout="none"]:not([data-office-image-horizontal-offset])[data-office-image-alignment="right"] {
  right: 0;
}

.work-pdf-export-page.document .work-document-print-body img[data-office-image-layout="none"][data-office-image-horizontal-offset] {
  --work-document-image-free-translate-x: var(--work-document-image-horizontal-offset, 0);
}

.work-pdf-export-page.document .work-document-print-body img[data-office-image-layout="none"][data-office-image-vertical-offset] {
  --work-document-image-free-translate-y: var(--work-document-image-vertical-offset, 0);
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="inline"][data-office-image-alignment="left"], :is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="topBottom"][data-office-image-alignment="left"] {
  margin-left: 0;
  margin-right: auto;
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="inline"][data-office-image-alignment="center"], :is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="topBottom"][data-office-image-alignment="center"] {
  margin-left: auto;
  margin-right: auto;
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="inline"][data-office-image-alignment="right"], :is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="topBottom"][data-office-image-alignment="right"] {
  margin-left: auto;
  margin-right: 0;
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="square"][data-office-image-alignment="left"] {
  float: left;
  margin: 0 var(--work-document-image-wrap-distance, 3mm)
    var(--work-document-image-wrap-distance, 3mm) 0;
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="square"][data-office-image-alignment="right"] {
  float: right;
  margin: 0 0 var(--work-document-image-wrap-distance, 3mm)
    var(--work-document-image-wrap-distance, 3mm);
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img:is([data-office-image-layout="tight"], [data-office-image-layout="through"])[data-office-image-alignment="left"] {
  float: left;
  margin: 0;
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img:is([data-office-image-layout="tight"], [data-office-image-layout="through"])[data-office-image-alignment="right"] {
  float: right;
  margin: 0;
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img:is([data-office-image-layout="tight"], [data-office-image-layout="through"]):is([data-office-image-alignment="left"], [data-office-image-alignment="right"]) {
  shape-margin: var(--work-document-image-wrap-distance, 3mm);
  shape-outside: var(--work-document-image-wrap-contour, inset(0));
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="square"][data-office-image-alignment="center"], :is(.work-document-preview-page, .work-pdf-export-page.document) img:is([data-office-image-layout="tight"], [data-office-image-layout="through"])[data-office-image-alignment="center"], :is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="topBottom"] {
  clear: both;
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img[data-office-image-layout="topBottom"] {
  margin-block: var(--work-document-image-wrap-distance, 3mm);
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img:is([data-office-image-layout="square"], [data-office-image-layout="tight"], [data-office-image-layout="through"], [data-office-image-layout="topBottom"]):is([data-office-image-horizontal-offset], [data-office-image-vertical-offset]) {
  translate: var(--work-document-image-horizontal-offset, 0)
    var(--work-document-image-vertical-offset, 0);
}

:is(.work-document-preview-page, .work-pdf-export-page.document) img:is([data-office-image-crop-top], [data-office-image-crop-right], [data-office-image-crop-bottom], [data-office-image-crop-left]) {
  clip-path: inset(var(--work-document-image-crop-top, 0)
      var(--work-document-image-crop-right, 0)
      var(--work-document-image-crop-bottom, 0)
      var(--work-document-image-crop-left, 0));
  transform: translate(var(--work-document-image-crop-translate-x, 0),
      var(--work-document-image-crop-translate-y, 0))
    scale(var(--work-document-image-crop-scale-x, 1),
      var(--work-document-image-crop-scale-y, 1));
  transform-origin: 0 0;
}

:is(.work-document-preview-page, .work-pdf-export-page.document):after {
  clear: both;
  content: "";
  display: block;
}

@media (width <= 720px) {
  .work-document-layout-panel .work-document-page-chrome-panel {
    grid-template-columns: 1fr;
  }

  .work-document-page-chrome-panel > * {
    grid-column: 1;
  }
}

.work-document-bookmark-boundary {
  border: 0;
  block-size: 0;
  inline-size: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: inline;
}

:is(.work-document-editable, .work-document-preview-page, .work-pdf-export-page.document) a.work-document-link-missing {
  color: var(--a3s-red);
  text-underline-offset: .16em;
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: currentColor;
}

.work-document-caption {
  color: #4d5668;
  text-align: center;
  margin: 8px 0 16px;
  font-size: .9em;
  line-height: 1.5;
}

.work-document-caption:before {
  content: attr(data-caption-label) " " attr(data-caption-number) "　";
  color: #30394b;
  font-weight: 650;
}

.work-document-cross-reference {
  color: #245fc4;
  cursor: default;
  white-space: nowrap;
  border-bottom: 1px dotted #8da9dd;
  padding: 0 1px;
}

.work-document-cross-reference[data-reference-orphaned="true"] {
  color: #b53b3b;
  border-bottom-color: #d69b9b;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) [data-document-text-box] {
  box-sizing: border-box;
  width: var(--work-document-text-box-width, 120mm);
  min-width: 20mm;
  max-width: 100%;
  height: var(--work-document-text-box-height, 45mm);
  min-height: 10mm;
  max-height: 558.7mm;
  padding: var(--work-document-text-box-padding, 3mm);
  border: var(--work-document-text-box-border-width, .35mm) solid
    var(--work-document-text-box-border-color, #4472c4);
  background: var(--work-document-text-box-fill, #fff2cc);
  color: inherit;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  margin: 12px 0;
  display: flex;
  overflow: hidden;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) [data-document-text-box][data-text-box-shape="roundedRectangle"] {
  border-radius: 12px;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) [data-document-text-box][data-text-box-shape="ellipse"] {
  border-radius: 50%;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) [data-document-text-box][data-text-box-shape="diamond"] {
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) [data-document-text-box][data-text-box-shape="triangle"] {
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) [data-document-text-box][data-text-box-vertical-align="center"] {
  justify-content: center;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) [data-document-text-box][data-text-box-vertical-align="bottom"] {
  justify-content: flex-end;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) [data-document-text-box][data-text-box-layout="floating"] {
  translate: var(--work-document-text-box-horizontal-offset, 0)
    var(--work-document-text-box-vertical-offset, 0);
  z-index: 1;
  position: relative;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) [data-document-text-box] > p {
  width: 100%;
  margin: 0;
}

.work-document-page .tiptap [data-document-text-box].ProseMirror-selectednode {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 75%, transparent);
  outline-offset: 3px;
}

.work-document-text-box-size-field, .work-document-text-box-offset-field {
  width: 84px;
}

.work-document-text-box-position-field {
  width: 96px;
}

.work-document-text-box-size-field > span, .work-document-text-box-offset-field > span, .work-document-text-box-position-field > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 96px;
  overflow: hidden;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) [data-document-connector] {
  box-sizing: border-box;
  width: var(--work-document-connector-width, 120mm);
  min-width: 10mm;
  max-width: 100%;
  height: var(--work-document-connector-height, 25mm);
  min-height: .5mm;
  margin: 12px 0;
  line-height: 0;
  display: block;
  position: relative;
  overflow: visible;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) [data-document-connector] > svg {
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

:where(.work-document-page .tiptap, .work-document-preview-page, .work-pdf-export-page.document) [data-document-connector][data-connector-layout="floating"] {
  translate: var(--work-document-connector-horizontal-offset, 0)
    var(--work-document-connector-vertical-offset, 0);
  z-index: 1;
}

.work-document-page .tiptap [data-document-connector].ProseMirror-selectednode {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 75%, transparent);
  outline-offset: 3px;
}

.work-document-connector-size-field, .work-document-connector-offset-field {
  width: 84px;
}

.work-document-connector-endpoint-field {
  width: 72px;
}

.work-document-connector-size-field > span, .work-document-connector-offset-field > span, .work-document-connector-endpoint-field > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 96px;
  overflow: hidden;
}

.work-document-citation {
  color: #245fc4;
  cursor: default;
  white-space: nowrap;
  background: #dce9ff73;
  border-bottom: 1px dotted #8da9dd;
  border-radius: 2px;
  padding: 0 3px;
}

.work-document-citation[data-citation-orphaned="true"] {
  color: #b53b3b;
  background: #ffe3e09e;
  border-bottom-color: #d69b9b;
}

.work-document-editor.preview .work-document-citation, .work-pdf-export-page .work-document-citation {
  color: inherit;
  background: none;
  border-bottom: 0;
  padding: 0;
}

.work-document-editor.preview .work-document-citation[data-citation-orphaned="true"], .work-pdf-export-page .work-document-citation[data-citation-orphaned="true"] {
  color: #b53b3b;
}

.work-document-bibliography {
  border-top: 1px solid #d8dce5;
  margin: 24px 0 0;
  padding-top: 10px;
}

.work-document-bibliography h2 {
  margin: 0 0 10px;
  font-size: 1.1em;
}

.work-document-bibliography p {
  text-indent: -24px;
  margin: 0 0 7px;
  padding-left: 24px;
}

.work-document-bibliography [data-bibliography-empty] {
  color: #7b8495;
  text-indent: 0;
  padding-left: 0;
}

.work-document-field {
  color: #245fc4;
  cursor: default;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  background: #dce9ff73;
  border-bottom: 1px dotted #8da9dd;
  border-radius: 2px;
  padding: 0 3px;
}

.work-document-field-locked {
  color: #445066;
  background: #e8ecf2b3;
  border-bottom-style: solid;
  border-bottom-color: #7a8699;
}

.work-document-editor.show-field-codes:not(.preview) .work-document-field, .work-document-editor:not(.preview) .work-document-field.show-field-code {
  letter-spacing: 0;
  font-family: ui-monospace, Cascadia Mono, Consolas, monospace;
  font-size: 0;
}

.work-document-editor.show-field-codes:not(.preview) .work-document-field:before, .work-document-editor:not(.preview) .work-document-field.show-field-code:before {
  content: attr(data-field-code);
  font-variant-numeric: normal;
  white-space: pre-wrap;
  font-size: .92rem;
}

.work-document-editor.show-field-codes:not(.preview) .work-document-field.show-field-code-result {
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

.work-document-editor.show-field-codes:not(.preview) .work-document-field.show-field-code-result:before {
  content: none;
}

.work-document-editor.preview .work-document-field, .work-pdf-export-page .work-document-field {
  color: inherit;
  background: none;
  border-bottom: 0;
  padding: 0;
}

.work-document-field-dialog-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.work-document-field-dialog .work-document-dialog-field {
  gap: 6px;
  min-width: 0;
  display: grid;
}

.work-document-field-dialog .work-document-dialog-field > span, .work-document-field-dialog-preview > span {
  color: #4d5668;
  font-size: 12px;
  font-weight: 650;
}

.work-document-field-dialog-help, .work-document-field-dialog-note {
  color: #69758a;
  font-size: 12px;
  line-height: 1.5;
}

.work-document-field-dialog-options {
  gap: 4px;
  margin-top: 12px;
  display: grid;
}

.work-document-field-dialog-options .work-office-checkbox {
  border-radius: 6px;
  min-height: 34px;
  padding: 5px 6px;
  font-size: 12px;
}

.work-document-field-dialog-preview {
  gap: 6px;
  margin-top: 16px;
  display: grid;
}

.work-document-field-dialog-preview output {
  color: #245fc4;
  font-variant-numeric: tabular-nums;
  background: #f7faff;
  border: 1px solid #c9d5e8;
  border-radius: 6px;
  min-height: 38px;
  padding: 9px 11px;
  font-weight: 650;
  display: block;
}

.work-document-field-dialog-note {
  margin: 10px 0 0;
}

@media (width <= 560px) {
  .work-document-field-dialog-grid {
    grid-template-columns: 1fr;
  }

  .work-document-field-dialog-options .work-office-checkbox {
    min-height: 44px;
    padding-block: 8px;
  }
}

.work-document-content-control {
  --work-document-content-control-color: var(--a3s-accent);
  --work-document-content-control-appearance: boundingBox;
  border: 1px solid
    color-mix(in srgb,
      var(--work-document-content-control-color) 62%,
      transparent);
  background: color-mix(in srgb,
    var(--work-document-content-control-color) 8%,
    transparent);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: 3px;
  min-width: 1.25em;
  padding: 0 .18em;
  transition: background-color .12s, border-color .12s;
  display: inline-block;
  position: relative;
}

.work-document-content-control:hover, .work-document-content-control.ProseMirror-selectednode {
  border-color: var(--work-document-content-control-color);
  background: color-mix(in srgb,
    var(--work-document-content-control-color) 14%,
    transparent);
}

.work-document-content-control[data-content-control-appearance="hidden"] {
  background: none;
  border-color: #0000;
}

.work-document-content-control[data-content-control-appearance="tags"]:before {
  content: attr(data-content-control-label);
  max-width: 18em;
  color: var(--work-document-content-control-color);
  white-space: nowrap;
  pointer-events: none;
  font-size: .68em;
  line-height: 1;
  position: absolute;
  top: -1.1em;
  left: -1px;
  overflow: hidden;
}

.work-document-content-control[data-content-control-lock="contentLocked"], .work-document-content-control[data-content-control-lock="sdtContentLocked"], .work-document-content-control[data-content-control-lock="sdtLocked"] {
  background: color-mix(in srgb,
    var(--work-document-content-control-color) 5%,
    transparent);
}

.work-document-content-control:empty:after {
  content: "输入内容";
  color: color-mix(in srgb, currentColor 48%, transparent);
  pointer-events: none;
}

.work-document-content-control[contenteditable="false"] {
  cursor: not-allowed;
}

@media print {
  .work-document-content-control {
    background: none;
    border-color: #0000;
  }

  .work-document-content-control[data-content-control-appearance="tags"]:before {
    display: none;
  }
}

.work-document-content-control-dialog-fields, .work-document-content-control-dialog-selects, .work-document-content-control-dialog-options {
  gap: 12px;
  display: grid;
}

.work-document-content-control-dialog-fields, .work-document-content-control-dialog-selects {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-document-content-control-dialog-fields label, .work-document-content-control-dialog-selects label, .work-document-content-control-dialog-field, .work-document-content-control-color {
  color: var(--a3s-text-muted);
  gap: 5px;
  font-size: 12px;
  display: grid;
}

.work-document-content-control-dialog-options {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  margin-top: 12px;
}

.work-document-content-control-color {
  grid-template-columns: auto auto 1fr;
  align-items: center;
}

.work-document-content-control-color input[type="color"] {
  border: 1px solid var(--a3s-line);
  background: none;
  border-radius: 5px;
  width: 28px;
  height: 28px;
  padding: 2px;
}

.work-document-content-control-color-reset {
  color: var(--a3s-accent);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  justify-self: start;
  font-size: 11px;
}

@media (width <= 640px) {
  .work-document-content-control-dialog-fields, .work-document-content-control-dialog-selects, .work-document-content-control-dialog-options {
    grid-template-columns: minmax(0, 1fr);
  }
}

.work-document-table-of-contents {
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--a3s-line) 82%, #8aa7d8);
  background: color-mix(in srgb, var(--a3s-panel) 96%, #edf4ff);
  width: 100%;
  color: var(--a3s-ink);
  cursor: default;
  border-radius: 6px;
  margin: 14px 0 20px;
  padding: 14px 16px 16px;
}

.work-document-table-of-contents.ProseMirror-selectednode {
  border-color: var(--a3s-blue);
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 22%, transparent);
  outline-offset: 2px;
}

.work-document-table-of-contents-header {
  border-bottom: 1px solid var(--a3s-line);
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 10px;
  padding-bottom: 7px;
  display: flex;
}

.work-document-table-of-contents-header strong {
  font-family: var(--a3s-font-display, inherit);
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 680;
}

.work-document-table-of-contents-header span {
  color: var(--a3s-muted);
  font-variant-numeric: tabular-nums;
  font-size: 9px;
}

.work-document-table-of-contents-list {
  gap: 3px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.work-document-table-of-contents-list > li {
  min-width: 0;
  padding-left: calc((var(--work-toc-level, 1) - 1) * 16px);
  align-items: baseline;
  gap: 5px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}

.work-document-table-of-contents-list a, .work-document-table-of-contents-list li > span:first-child {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
}

.work-document-table-of-contents-list a:hover {
  color: var(--a3s-blue);
  text-decoration: underline;
}

.work-document-table-of-contents-list i {
  border-bottom: 1px dotted
    color-mix(in srgb, var(--a3s-muted) 68%, transparent);
  flex: 24px;
  min-width: 12px;
  transform: translateY(-2px);
}

.work-document-table-of-contents[data-toc-leader="dash"] .work-document-table-of-contents-list i {
  border-bottom-style: dashed;
}

.work-document-table-of-contents[data-toc-leader="underline"] .work-document-table-of-contents-list i {
  border-bottom-style: solid;
}

.work-document-table-of-contents[data-toc-leader="none"] .work-document-table-of-contents-list i, .work-document-table-of-contents[data-toc-right-align-page-numbers="false"] .work-document-table-of-contents-list i {
  border: 0;
  flex: 0 0 5px;
  min-width: 5px;
}

.work-document-table-of-contents-page {
  font-variant-numeric: tabular-nums;
  flex: none;
}

.work-document-table-of-contents-empty {
  color: var(--a3s-muted);
  font-style: italic;
  padding-left: 0 !important;
}

.work-document-table-of-contents-dialog {
  width: min(520px, 100%);
}

.work-document-table-of-contents-dialog-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.work-document-table-of-contents-dialog-field, .work-document-table-of-contents-dialog-leader {
  min-width: 0;
  color: var(--a3s-muted);
  gap: 6px;
  font-size: 10px;
  display: grid;
}

.work-document-table-of-contents-dialog-grid .work-office-select, .work-document-table-of-contents-dialog-leader .work-office-select {
  width: 100%;
}

.work-document-table-of-contents-dialog-options {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  border-radius: 7px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0;
  padding: 10px;
  display: grid;
}

.work-document-table-of-contents-dialog-preview {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  min-width: 0;
  color: var(--a3s-ink);
  border-radius: 7px;
  gap: 5px;
  margin-top: 14px;
  padding: 14px;
  font-size: 10px;
  display: grid;
}

.work-document-table-of-contents-dialog-preview > legend {
  margin-bottom: 4px;
  font-size: 14px;
}

.work-document-table-of-contents-dialog-preview > span {
  align-items: baseline;
  gap: 5px;
  display: flex;
}

.work-document-table-of-contents-dialog-preview > span.nested {
  padding-left: 16px;
}

.work-document-table-of-contents-dialog-preview i {
  border-bottom: 1px dotted var(--a3s-muted);
  flex: 1;
}

.work-document-table-of-contents-dialog-preview[data-toc-leader="dash"] i {
  border-bottom-style: dashed;
}

.work-document-table-of-contents-dialog-preview[data-toc-leader="underline"] i {
  border-bottom-style: solid;
}

.work-document-table-of-contents-dialog-preview[data-toc-leader="none"] i, .work-document-table-of-contents-dialog-preview[data-toc-right-align-page-numbers="false"] i {
  border: 0;
  flex: 0 0 5px;
}

@media (width <= 520px) {
  .work-document-table-of-contents {
    padding-inline: 12px;
  }

  .work-document-table-of-contents-dialog-grid, .work-document-table-of-contents-dialog-options {
    grid-template-columns: 1fr;
  }
}

.work-document-index-entry {
  border: 1px solid color-mix(in srgb, var(--a3s-blue) 34%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-blue) 7%, var(--a3s-panel));
  max-width: min(260px, 80%);
  color: var(--a3s-ink);
  cursor: default;
  vertical-align: baseline;
  border-radius: 4px;
  align-items: baseline;
  gap: 5px;
  margin-inline: 3px;
  padding: 1px 5px;
  font-size: 9px;
  line-height: 1.45;
  display: inline-flex;
}

.work-document-index-entry > span {
  color: color-mix(in srgb, var(--a3s-blue) 78%, var(--a3s-ink));
  white-space: nowrap;
  font-size: 8px;
  font-weight: 650;
}

.work-document-index-entry > strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 560;
  overflow: hidden;
}

.work-document-index-entry.ProseMirror-selectednode {
  border-color: var(--a3s-blue);
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 22%, transparent);
  outline-offset: 1px;
}

.work-document-index {
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--a3s-line) 82%, #8aa7d8);
  background: color-mix(in srgb, var(--a3s-panel) 96%, #edf4ff);
  width: 100%;
  color: var(--a3s-ink);
  cursor: default;
  border-radius: 6px;
  margin: 14px 0 20px;
  padding: 14px 16px 16px;
}

.work-document-index.ProseMirror-selectednode {
  border-color: var(--a3s-blue);
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 22%, transparent);
  outline-offset: 2px;
}

.work-document-index-header {
  border-bottom: 1px solid var(--a3s-line);
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 10px;
  padding-bottom: 7px;
  display: flex;
}

.work-document-index-header strong {
  font-family: var(--a3s-font-display, inherit);
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 680;
}

.work-document-index-header span {
  color: var(--a3s-muted);
  font-variant-numeric: tabular-nums;
  font-size: 9px;
}

.work-document-index-list {
  column-gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.work-document-index[data-index-columns="2"] .work-document-index-list {
  column-count: 2;
}

.work-document-index[data-index-columns="3"] .work-document-index-list {
  column-count: 3;
}

.work-document-index[data-index-columns="4"] .work-document-index-list {
  column-count: 4;
}

.work-document-index-list > li {
  break-inside: avoid;
  align-items: baseline;
  gap: 5px;
  min-width: 0;
  padding-block: 1px;
  font-size: 10px;
  line-height: 1.55;
  display: flex;
}

.work-document-index-main, .work-document-index-sub {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.work-document-index-sub {
  color: color-mix(in srgb, var(--a3s-ink) 82%, var(--a3s-muted));
  padding-left: 12px;
}

.work-document-index[data-index-format="run-in"] .work-document-index-sub {
  padding-left: 0;
}

.work-document-index[data-index-format="run-in"] .work-document-index-sub:before {
  content: ", ";
}

.work-document-index-list > li > i {
  border-bottom: 1px dotted
    color-mix(in srgb, var(--a3s-muted) 68%, transparent);
  flex: 20px;
  min-width: 10px;
  transform: translateY(-2px);
}

.work-document-index[data-index-leader="dash"] .work-document-index-list > li > i {
  border-bottom-style: dashed;
}

.work-document-index[data-index-leader="underline"] .work-document-index-list > li > i {
  border-bottom-style: solid;
}

.work-document-index[data-index-leader="none"] .work-document-index-list > li > i, .work-document-index[data-index-right-align-page-numbers="false"] .work-document-index-list > li > i {
  border: 0;
  flex: 0 0 3px;
  min-width: 3px;
}

.work-document-index-pages {
  font-variant-numeric: tabular-nums;
  flex: none;
}

.work-document-index-pages a {
  color: inherit;
  text-decoration: none;
}

.work-document-index-pages a:hover {
  color: var(--a3s-blue);
  text-decoration: underline;
}

.work-document-index-pages a.bold {
  font-weight: 700;
}

.work-document-index-pages a.italic {
  font-style: italic;
}

.work-document-index-cross-reference, .work-document-index-empty {
  color: var(--a3s-muted);
  font-style: italic;
}

.work-document-index-entry-dialog, .work-document-index-dialog {
  width: min(540px, 100%);
}

.work-document-index-entry-dialog-fields, .work-document-index-dialog-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.work-document-index-entry-dialog label, .work-document-index-dialog-field, .work-document-index-entry-dialog-mode {
  min-width: 0;
  color: var(--a3s-muted);
  gap: 6px;
  font-size: 10px;
  display: grid;
}

.work-document-index-entry-dialog-mode, .work-document-index-dialog-options, .work-document-index-entry-dialog-page-style {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  border-radius: 7px;
  margin-top: 14px;
  padding: 10px;
}

.work-document-index-entry-dialog-page-style, .work-document-index-dialog-options {
  align-items: center;
  gap: 14px;
  display: flex;
}

.work-document-index-entry-dialog-page-style > legend {
  color: var(--a3s-muted);
  padding-inline: 4px;
  font-size: 10px;
}

.work-document-index-dialog-options > .work-document-index-dialog-field {
  min-width: 180px;
  margin-left: auto;
}

.work-document-index-dialog .work-office-select {
  width: 100%;
}

.work-document-index-dialog-preview {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  color: var(--a3s-ink);
  border-radius: 7px;
  gap: 5px;
  margin-top: 14px;
  padding: 14px;
  font-size: 10px;
  display: grid;
}

.work-document-index-dialog-preview > legend {
  font-size: 14px;
}

.work-document-index-dialog-preview > span {
  align-items: baseline;
  gap: 5px;
  display: flex;
}

.work-document-index-dialog-preview > span.nested {
  padding-left: 16px;
}

.work-document-index-dialog-preview[data-index-format="run-in"] > span.nested {
  padding-left: 0;
}

.work-document-index-dialog-preview i {
  border-bottom: 1px dotted var(--a3s-muted);
  flex: 1;
}

.work-document-index-dialog-preview[data-index-leader="dash"] i {
  border-bottom-style: dashed;
}

.work-document-index-dialog-preview[data-index-leader="underline"] i {
  border-bottom-style: solid;
}

.work-document-index-dialog-preview[data-index-leader="none"] i, .work-document-index-dialog-preview[data-index-right-align-page-numbers="false"] i {
  border: 0;
  flex: 0 0 5px;
}

@media (width <= 560px) {
  .work-document-index {
    padding-inline: 12px;
  }

  .work-document-index-list {
    column-count: 1 !important;
  }

  .work-document-index-entry-dialog-fields, .work-document-index-dialog-grid {
    grid-template-columns: 1fr;
  }

  .work-document-index-entry-dialog-page-style, .work-document-index-dialog-options {
    flex-direction: column;
    align-items: stretch;
  }

  .work-document-index-dialog-options > .work-document-index-dialog-field {
    min-width: 0;
    margin-left: 0;
  }
}

.work-document-equation {
  vertical-align: -.12em;
  border-radius: .2em;
  max-width: 100%;
  margin-inline: .08em;
  padding-inline: .08em;
  line-height: 1.2;
  display: inline-flex;
}

.work-document-equation.block {
  justify-content: center;
  width: 100%;
  margin-block: .35em;
  display: flex;
}

.work-document-equation.block.justification-left {
  justify-content: flex-start;
}

.work-document-equation.block.justification-right {
  justify-content: flex-end;
}

.work-document-equation math {
  max-width: 100%;
  font-family: Cambria Math, STIX Two Math, math, serif;
  font-size: 1.08em;
  overflow: auto hidden;
}

.work-document-equation.opaque {
  opacity: .92;
  font-family: Cambria Math, STIX Two Math, math, serif;
  font-style: italic;
}

.work-document-editor:not(.preview) .work-document-equation.ProseMirror-selectednode {
  outline: 2px solid
    color-mix(in srgb, var(--ds-primary, #2563eb) 68%, transparent);
  outline-offset: 2px;
}

.work-document-workspace {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-document-workspace > .work-document-scroll {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.work-document-task-pane {
  border: 0;
  border-left: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  width: clamp(320px, 28vw, 380px);
  min-width: 300px;
  min-height: 0;
  max-height: none;
  color: var(--a3s-ink);
  flex-flow: column;
  flex: none;
  align-items: stretch;
  display: flex;
  overflow: hidden;
  box-shadow: -10px 0 28px #1a233412;
}

.work-document-citations-panel.work-document-task-pane {
  width: clamp(390px, 34vw, 470px);
}

.work-document-find-panel.work-document-task-pane {
  width: clamp(300px, 25vw, 340px);
}

.work-document-navigation-panel.work-document-task-pane {
  border-right: 1px solid var(--a3s-line);
  border-left: 0;
  width: clamp(238px, 21vw, 292px);
  min-width: 224px;
  box-shadow: 10px 0 28px #1a233412;
}

.work-document-task-pane > .work-document-task-pane-header {
  z-index: 2;
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 8px 10px 8px 14px;
  display: flex;
  position: relative;
}

.work-document-task-pane > .work-document-task-pane-header > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.work-document-task-pane > .work-document-task-pane-header strong {
  color: var(--a3s-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 680;
  overflow: hidden;
}

.work-document-task-pane > .work-document-task-pane-header span {
  color: var(--a3s-faint);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  overflow: hidden;
}

.work-document-task-pane > .work-document-task-pane-header > .ds-icon-button.close {
  background: none;
  border: 0;
  border-radius: 6px;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0;
}

.work-document-task-pane-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.work-document-layout-panel.work-document-task-pane {
  padding: 0;
  font-size: 10px;
}

.work-document-layout-tabs.ds-tabs.line {
  background: var(--a3s-panel);
  flex: none;
  gap: 0;
  padding: 0 14px;
}

.work-document-layout-tabs.ds-tabs.line > button {
  flex: 1 1 0;
  padding-inline: 4px;
  font-size: 10px;
}

.work-document-layout-body {
  align-content: start;
  gap: 0;
  padding: 0 14px 18px;
  display: grid;
}

.work-document-layout-tab-panel {
  align-content: start;
  min-width: 0;
  display: grid;
}

.work-document-layout-tab-panel > :last-child {
  border-bottom: 0;
}

.work-document-layout-panel .work-document-layout-group, .work-document-layout-panel .work-document-columns-panel, .work-document-layout-panel .work-document-page-chrome-panel {
  border: 0;
  border-bottom: 1px solid var(--a3s-line);
  grid-template-columns: 1fr;
  gap: 9px;
  min-width: 0;
  margin: 0;
  padding: 14px 0;
  display: grid;
}

.work-document-layout-panel .work-document-layout-group > h3, .work-document-layout-panel .work-document-layout-group > legend, .work-document-layout-panel .work-document-columns-panel > legend, .work-document-layout-panel .work-document-page-chrome-panel > legend {
  float: none;
  color: var(--a3s-ink);
  grid-column: 1;
  margin: 0;
  font-size: 10px;
  font-weight: 680;
}

.work-document-layout-panel .work-office-field {
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: grid;
}

.work-document-layout-panel .work-office-field > span {
  color: var(--a3s-muted);
  white-space: nowrap;
}

.work-document-layout-panel .work-office-field > :last-child, .work-document-layout-panel .work-office-field > .work-office-number-field, .work-document-layout-panel .work-office-field > .work-office-select {
  width: 100%;
}

.work-document-layout-panel .work-office-select > button[role="combobox"] {
  min-width: 0;
}

.work-document-layout-paired-fields, .work-document-layout-margin-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  display: grid;
}

.work-document-layout-paired-fields .work-office-field, .work-document-layout-margin-grid .work-office-field {
  grid-template-columns: 30px minmax(0, 1fr);
}

.work-document-layout-panel .work-office-number-field {
  width: 100%;
}

.work-document-layout-panel .work-document-section-actions {
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.work-document-layout-panel .work-document-section-actions .ds-button {
  min-height: 28px;
}

.work-document-layout-panel .work-document-columns-panel {
  flex-wrap: nowrap;
}

.work-document-layout-panel .work-document-column-option {
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  display: grid;
}

.work-document-layout-panel .work-document-custom-columns {
  grid-template-columns: 1fr;
  gap: 8px;
  min-width: 0;
  padding: 4px 0 0;
  display: grid;
}

.work-document-layout-panel .work-document-custom-column {
  grid-template-columns: 42px minmax(0, 1fr) 42px minmax(0, 1fr);
  gap: 6px;
  display: grid;
}

.work-document-layout-panel .work-document-page-chrome-options {
  grid-column: 1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.work-document-layout-panel .work-document-page-chrome-options > .work-office-field {
  grid-column: 1 / -1;
  grid-template-columns: 72px minmax(0, 1fr);
  display: grid;
}

.work-document-layout-panel .work-document-page-chrome-editor {
  gap: 6px;
}

.work-document-layout-panel .work-document-page-chrome-toolbar {
  gap: 3px;
}

.work-document-layout-panel .work-document-page-chrome-content {
  min-height: 64px;
  max-height: 126px;
}

.work-document-layout-panel .work-document-page-number-option.work-office-field {
  grid-template-columns: 88px minmax(0, 1fr) auto;
  padding: 14px 0 0;
}

.work-document-changes-panel.work-document-task-pane {
  max-height: none;
}

.work-document-changes-panel > .work-document-changes-bulk-actions {
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  flex: none;
  justify-content: flex-end;
  gap: 6px;
  min-height: 42px;
  padding: 7px 10px;
  display: flex;
}

.work-document-changes-panel > .work-document-changes-bulk-actions .ds-button {
  min-height: 27px;
}

.work-document-changes-panel > .work-document-change-list {
  align-content: start;
  gap: 7px;
  padding: 10px;
  display: grid;
}

.work-document-changes-panel > .work-document-change-list:has( > .work-document-changes-empty) {
  align-content: center;
}

.work-document-change-window-spacer {
  pointer-events: none;
  width: 100%;
  min-height: 0;
}

.work-document-change-item {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 8px;
  padding: 8px;
}

.work-document-change-item > div {
  justify-content: flex-end;
}

.work-document-change-summary {
  grid-template-columns: auto minmax(0, 1fr);
}

.work-document-change-summary small {
  grid-column: 2;
}

.work-document-change-decisions {
  border-top: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  flex: none;
  gap: 7px;
  padding: 9px 10px 10px;
  display: grid;
}

.work-document-change-decisions > header {
  color: var(--a3s-muted);
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  display: flex;
}

.work-document-change-decisions > header strong {
  color: var(--a3s-ink);
  font-size: 11px;
}

.work-document-change-decisions > ol {
  gap: 6px;
  max-height: 168px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: auto;
}

.work-document-change-decisions li {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  border-radius: 6px;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 8px;
  padding: 7px 8px;
  display: grid;
}

.work-document-change-decisions li > span {
  color: #267048;
  font-size: 9px;
  font-weight: 650;
}

.work-document-change-decisions li[data-document-change-decision="reject"] > span {
  color: var(--a3s-red);
}

.work-document-change-decisions li[data-document-change-kind="formatting"] {
  border-left: 3px solid #6d5bd0;
}

.work-document-change-decisions li[data-document-change-kind="paragraph-formatting"] {
  border-left: 3px solid #8b5cf6;
}

.work-document-change-decisions li > strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  overflow: hidden;
}

.work-document-change-decisions li > small {
  color: var(--a3s-faint);
  grid-column: 2;
  font-size: 8px;
}

.work-document-citations-panel.work-document-task-pane {
  max-height: none;
}

.work-document-citations-panel > .work-document-citation-actions {
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  flex: none;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
  min-height: 48px;
  padding: 8px 10px;
  display: grid;
}

.work-document-citations-panel > .work-document-citation-actions .work-office-field {
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  display: grid;
}

.work-document-citations-panel > .work-document-citation-actions .work-office-select > button[role="combobox"] {
  min-width: 0;
}

.work-document-citations-panel > .work-document-citation-manager {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.work-document-citation-manager > aside {
  border: 0;
  border-bottom: 1px solid var(--a3s-line);
  flex-direction: column;
  flex: none;
  gap: 6px;
  min-height: 104px;
  max-height: 164px;
  padding: 8px 10px 9px;
  display: flex;
}

.work-document-citation-list-heading {
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  display: flex;
}

.work-document-citation-list-heading > strong {
  color: var(--a3s-ink);
  font-size: 9px;
  font-weight: 680;
}

.work-document-citation-list-heading > .ds-button {
  min-height: 26px;
}

.work-document-citation-source-list {
  align-content: start;
  gap: 4px;
  min-height: 0;
  display: grid;
  overflow: auto;
}

.work-document-citation-source-list > button {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-width: 0;
  color: var(--a3s-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  border-radius: 6px;
  outline: 0;
  gap: 2px;
  padding: 6px 8px;
  display: grid;
}

.work-document-citation-source-list > button:hover, .work-document-citation-source-list > button:focus-visible {
  border-color: color-mix(in srgb, var(--a3s-blue) 42%, var(--a3s-line));
  background: var(--a3s-panel-soft);
}

.work-document-citation-source-list > button.active {
  border-color: color-mix(in srgb, var(--a3s-blue) 54%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-blue) 8%, var(--a3s-panel));
  box-shadow: inset 3px 0 0 var(--a3s-blue);
}

.work-document-citation-source-list strong, .work-document-citation-source-list span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.work-document-citation-source-list strong {
  font-size: 9px;
  font-weight: 640;
}

.work-document-citation-source-list span {
  color: var(--a3s-faint);
  font-size: 8px;
}

.work-document-citation-manager > form {
  flex: 1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 9px;
  min-height: 0;
  padding: 0 12px;
  display: grid;
  overflow: auto;
}

.work-document-citation-manager > form > .wide, .work-document-citation-more-fields > div > .wide {
  grid-column: 1 / -1;
}

.work-document-citation-manager > form > .work-office-field > span:first-child, .work-document-citation-more-fields > div > .work-office-field > span:first-child {
  color: var(--a3s-muted);
  font-size: 8px;
}

.work-document-citation-manager .work-office-text-area {
  resize: vertical;
  min-height: 62px;
  line-height: 1.45;
}

.work-document-citation-form-heading {
  gap: 2px;
  padding-top: 11px;
  display: grid;
}

.work-document-citation-form-heading strong {
  color: var(--a3s-ink);
  font-size: 10px;
  font-weight: 680;
}

.work-document-citation-form-heading span {
  color: var(--a3s-faint);
  font-size: 8px;
}

.work-document-citation-more-fields {
  border-top: 1px solid var(--a3s-line);
  min-width: 0;
}

.work-document-citation-more-fields > summary {
  color: var(--a3s-muted);
  cursor: pointer;
  outline: 0;
  padding: 9px 1px;
  font-size: 9px;
  font-weight: 640;
}

.work-document-citation-more-fields > summary:hover, .work-document-citation-more-fields > summary:focus-visible {
  color: var(--a3s-blue);
}

.work-document-citation-more-fields > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 1px 0 10px;
  display: grid;
}

.work-document-citation-manager .paired {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  display: grid;
}

.work-document-citation-manager .actions {
  z-index: 2;
  border-top: 1px solid var(--a3s-line);
  background: color-mix(in srgb, var(--a3s-panel) 96%, transparent);
  backdrop-filter: blur(10px);
  gap: 7px;
  margin: 0 -12px;
  padding: 9px 12px 11px;
  display: grid;
  position: sticky;
  bottom: 0;
}

.work-document-citation-form-buttons {
  align-items: center;
  gap: 6px;
  display: flex;
}

.work-document-citation-form-buttons > span {
  flex: 1;
  min-width: 6px;
}

.work-document-find-tabs {
  background: var(--a3s-panel-soft);
  border-radius: 7px;
  flex: none;
  grid-template-columns: repeat(2, 1fr);
  gap: 3px;
  margin: 10px 12px 0;
  padding: 3px;
  display: grid;
}

.work-document-find-tabs > button {
  min-height: 27px;
  color: var(--a3s-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  padding: 0 8px;
  font-size: 10px;
}

.work-document-find-tabs > button[aria-selected="true"] {
  background: var(--a3s-panel);
  color: var(--a3s-blue);
  font-weight: 650;
  box-shadow: 0 1px 4px #141f3217;
}

.work-document-find-body {
  align-content: start;
  gap: 12px;
  padding: 14px 12px 18px;
  display: grid;
}

.work-document-find-body > label {
  color: var(--a3s-muted);
  gap: 5px;
  font-size: 9px;
  display: grid;
}

.work-document-find-body .work-office-text-field {
  background: var(--a3s-bg);
  width: 100%;
  height: 31px;
  font-size: 10px;
}

.work-document-find-field {
  align-items: center;
  display: flex;
  position: relative;
}

.work-document-find-field > svg {
  z-index: 1;
  color: var(--a3s-faint);
  pointer-events: none;
  position: absolute;
  left: 8px;
}

.work-document-find-field > .work-office-text-field {
  padding-left: 29px;
}

.work-document-navigation-search {
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  flex: none;
  align-items: center;
  min-height: 48px;
  padding: 8px 12px;
  display: flex;
  position: relative;
}

.work-document-navigation-tabs.ds-tabs.line {
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  flex: none;
  gap: 0;
  min-height: 38px;
  padding: 0 12px;
}

.work-document-navigation-tabs.ds-tabs.line > button {
  flex: 1 1 0;
  padding-inline: 4px;
  font-size: 10px;
}

.work-document-navigation-tab-panel {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.work-document-navigation-search > svg {
  z-index: 1;
  color: var(--a3s-faint);
  pointer-events: none;
  position: absolute;
  left: 21px;
}

.work-document-navigation-search > .work-office-text-field {
  background: var(--a3s-bg);
  width: 100%;
  height: 31px;
  padding-left: 29px;
  font-size: 10px;
}

.work-document-navigation-summary {
  border-bottom: 1px solid color-mix(in srgb, var(--a3s-line) 72%, transparent);
  min-height: 30px;
  color: var(--a3s-faint);
  flex: none;
  padding: 9px 12px 7px;
  font-size: 9px;
}

.work-document-outline {
  background: var(--a3s-panel);
}

.work-document-outline > ol {
  align-content: start;
  margin: 0;
  padding: 6px 0 14px;
  list-style: none;
  display: grid;
}

.work-document-outline > ol > li {
  min-width: 0;
  min-height: 31px;
  padding: 2px 8px 2px calc(5px + var(--work-document-outline-indent, 0px));
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  display: grid;
  position: relative;
}

.work-document-outline > ol > li.active:before {
  background: var(--a3s-blue);
  content: "";
  border-radius: 0 2px 2px 0;
  width: 3px;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
}

.work-document-outline-toggle, .work-document-outline-item {
  min-width: 0;
  color: var(--a3s-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  outline: 0;
}

.work-document-outline-toggle {
  width: 22px;
  height: 27px;
  color: var(--a3s-faint);
  border-radius: 5px;
  place-items: center;
  padding: 0;
  display: grid;
}

.work-document-outline-toggle-spacer {
  width: 22px;
  height: 1px;
}

.work-document-outline-item {
  min-height: 27px;
  color: var(--a3s-muted);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 5px;
  padding: 0 7px 0 2px;
  font-size: 10px;
  line-height: 27px;
  overflow: hidden;
}

.work-document-outline-toggle:hover, .work-document-outline-item:hover {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-document-outline-item:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 64%, transparent);
  outline-offset: -2px;
}

.work-document-outline > ol > li.active .work-document-outline-item {
  background: color-mix(in srgb, var(--a3s-blue) 9%, var(--a3s-panel));
  color: var(--a3s-blue);
  font-weight: 650;
}

.work-document-search-results {
  background: var(--a3s-panel);
}

.work-document-search-results > ol {
  align-content: start;
  gap: 5px;
  margin: 0;
  padding: 7px 8px 14px;
  list-style: none;
  display: grid;
}

.work-document-search-results > ol > li {
  min-width: 0;
}

.work-document-outline > ol > li.work-document-navigation-window-spacer, .work-document-search-results > ol > li.work-document-navigation-window-spacer {
  contain: strict;
  pointer-events: none;
  min-width: 0;
  min-height: 0;
  padding: 0;
  display: block;
}

.work-document-search-result {
  width: 100%;
  min-width: 0;
  min-height: 56px;
  color: var(--a3s-muted);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 7px;
  flex-direction: column;
  gap: 4px;
  padding: 8px 9px;
  display: flex;
}

.work-document-search-result:hover {
  border-color: color-mix(in srgb, var(--a3s-line) 78%, transparent);
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-document-search-result:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 64%, transparent);
  outline-offset: -2px;
}

.work-document-search-result[aria-current="location"] {
  border-color: color-mix(in srgb, var(--a3s-blue) 20%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-blue) 8%, var(--a3s-panel));
}

.work-document-search-section {
  color: var(--a3s-faint);
  letter-spacing: .01em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  font-weight: 650;
  overflow: hidden;
}

.work-document-search-excerpt {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 9px;
  line-height: 1.45;
  display: -webkit-box;
  overflow: hidden;
}

.work-document-search-excerpt mark {
  color: var(--a3s-ink);
  background: #fff1a8;
  border-radius: 2px;
}

.work-document-outline-empty {
  border: 1px dashed var(--a3s-line);
  color: var(--a3s-faint);
  text-align: center;
  border-radius: 8px;
  margin: 18px 14px;
  padding: 18px 14px;
  font-size: 9px;
  line-height: 1.55;
}

.work-document-page-navigation {
  background: var(--a3s-panel-soft);
  scrollbar-color: color-mix(in srgb, var(--a3s-muted) 28%, transparent)
    transparent;
  scrollbar-width: thin;
}

.work-document-page-navigation > ol {
  align-content: start;
  gap: 12px;
  margin: 0;
  padding: 12px 14px 18px;
  list-style: none;
  display: grid;
}

.work-document-page-navigation > ol > li {
  min-width: 0;
}

.work-document-page-navigation > ol > li.work-document-page-navigation-spacer {
  contain: strict;
  pointer-events: none;
  min-height: 0;
}

.work-document-page-navigation > ol > li > button {
  width: 100%;
  min-width: 0;
  color: var(--a3s-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 8px;
  outline: 0;
  justify-items: center;
  gap: 7px;
  padding: 8px;
  display: grid;
}

.work-document-page-navigation > ol > li > button:hover {
  border-color: color-mix(in srgb, var(--a3s-line) 82%, transparent);
  background: var(--a3s-panel);
  color: var(--a3s-ink);
}

.work-document-page-navigation > ol > li > button:focus-visible {
  border-color: color-mix(in srgb, var(--a3s-blue) 44%, var(--a3s-line));
  outline: 2px solid color-mix(in srgb, var(--a3s-blue) 36%, transparent);
  outline-offset: 1px;
}

.work-document-page-navigation > ol > li > button.active {
  border-color: color-mix(in srgb, var(--a3s-blue) 30%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-blue) 7%, var(--a3s-panel));
  color: var(--a3s-blue);
}

.work-document-page-thumbnail {
  aspect-ratio: 210 / 297;
  color: #444b58;
  text-align: left;
  background: #fff;
  border: 1px solid #d7dbe2;
  border-radius: 2px;
  width: min(138px, 100%);
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 10px #1b22301f;
}

.work-document-page-thumbnail.landscape {
  aspect-ratio: 297 / 210;
  width: min(170px, 100%);
}

.work-document-page-thumbnail > img {
  object-fit: contain;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  display: block;
}

.work-document-page-thumbnail-fallback {
  white-space: normal;
  -webkit-line-clamp: 16;
  -webkit-box-orient: vertical;
  width: 100%;
  height: 100%;
  padding: 13px 11px;
  font-family: ui-serif, Georgia, Times New Roman, Songti SC, serif;
  font-size: 5px;
  line-height: 1.55;
  display: -webkit-box;
  overflow: hidden;
}

.work-document-page-thumbnail[data-thumbnail-state="loading"] .work-document-page-thumbnail-fallback, .work-document-page-thumbnail[data-thumbnail-state="refreshing"] .work-document-page-thumbnail-fallback {
  opacity: .72;
}

.work-document-page-thumbnail-label {
  font-variant-numeric: tabular-nums;
  justify-content: center;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  min-height: 11px;
  font-size: 9px;
  line-height: 11px;
  display: flex;
}

.work-document-page-thumbnail-label > small {
  color: var(--a3s-faint);
  font-size: 8px;
}

.work-document-find-results {
  border-bottom: 1px solid var(--a3s-line);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding-bottom: 10px;
  display: flex;
}

.work-document-find-results > output, .work-document-find-announcement {
  color: var(--a3s-faint);
  font-size: 9px;
}

.work-document-find-results > div, .work-document-find-actions {
  align-items: center;
  gap: 5px;
  display: flex;
}

.work-document-find-results .ds-icon-button {
  width: 27px;
  height: 27px;
}

.work-document-find-actions {
  justify-content: flex-end;
}

.work-document-find-announcement {
  min-height: 18px;
  color: var(--a3s-blue);
}

.work-document-insert-dialog {
  width: min(400px, 100%);
}

.work-document-reference-dialog {
  width: min(480px, 100%);
}

.work-document-dialog-field {
  color: var(--a3s-muted);
  gap: 6px;
  font-size: 10px;
  display: grid;
}

.work-document-dialog-field .work-office-text-field {
  background: var(--a3s-bg);
  width: 100%;
  min-height: 34px;
  font-size: 11px;
}

.work-document-reference-list {
  gap: 6px;
  max-height: min(360px, 100dvh - 230px);
  display: grid;
  overflow: auto;
}

.work-document-reference-list > label {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-width: 0;
  min-height: 52px;
  color: var(--a3s-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  border-radius: 7px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  display: grid;
  position: relative;
}

.work-document-reference-list > label > input {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: absolute;
}

.work-document-reference-list > label:hover, .work-document-reference-list > label:has(input:focus-visible) {
  border-color: color-mix(in srgb, var(--a3s-blue) 52%, var(--a3s-line));
  background: var(--a3s-panel-soft);
  outline: 0;
}

.work-document-reference-list > label:has(input:checked) {
  border-color: color-mix(in srgb, var(--a3s-blue) 60%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-blue) 8%, var(--a3s-panel));
  box-shadow: inset 3px 0 0 var(--a3s-blue);
}

.work-document-reference-list strong {
  color: var(--a3s-blue);
  white-space: nowrap;
  font-size: 10px;
}

.work-document-reference-list span {
  color: var(--a3s-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}

@media (width <= 900px) {
  .work-document-task-pane {
    z-index: 20;
    width: min(380px, 100% - 36px);
    min-width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    box-shadow: -16px 0 36px #141c2b2e;
  }

  .work-document-citations-panel.work-document-task-pane {
    width: min(440px, 100% - 36px);
  }

  .work-document-find-panel.work-document-task-pane {
    width: min(340px, 100% - 36px);
  }

  .work-document-navigation-panel.work-document-task-pane {
    border-right: 1px solid var(--a3s-line);
    border-left: 0;
    width: min(292px, 100% - 36px);
    left: 0;
    right: auto;
    box-shadow: 16px 0 36px #141c2b2e;
  }
}

@media (width <= 520px) {
  .work-document-task-pane, .work-document-citations-panel.work-document-task-pane, .work-document-find-panel.work-document-task-pane, .work-document-navigation-panel.work-document-task-pane {
    width: 100%;
  }

  .work-document-changes-panel > .work-document-changes-bulk-actions .ds-button, .work-document-changes-panel .work-document-change-item > div .ds-button {
    height: 44px;
    min-height: 44px;
    padding-inline: 12px;
  }

  .work-document-changes-panel .work-document-change-summary {
    min-height: 44px;
  }

  .work-document-citation-manager > form {
    grid-template-columns: 1fr;
  }

  .work-document-citation-manager > form > .wide, .work-document-citation-more-fields > div > .wide {
    grid-column: 1;
  }

  .work-document-citation-more-fields > div {
    grid-template-columns: 1fr;
  }
}

.work-markdown-editor {
  --work-office-accent: #586574;
  --work-markdown-reading-width: 760px;
  --work-markdown-zoom: 100;
  background: var(--a3s-bg);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  container: work-markdown / inline-size;
}

.work-markdown-ribbon {
  --work-office-accent: #586574;
}

.markdown-toolbar .work-office-select {
  align-self: center;
}

.markdown-paragraph-style-select {
  flex: 0 0 104px;
  width: 104px;
}

.markdown-paragraph-style-select > button[role="combobox"] {
  width: 104px;
  min-width: 0;
}

.work-markdown-insert-form {
  gap: 14px;
  display: grid;
}

.work-markdown-workspace {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.work-markdown-workspace.split {
  grid-template-columns: minmax(240px,
      min(calc(var(--work-markdown-source-pane, 50%) - 3.5px),
        calc(100% - 287px)))
    7px
    minmax(280px, 1fr);
  display: grid;
}

.work-markdown-workspace[data-split-resizing="true"] {
  cursor: col-resize;
  -webkit-user-select: none;
  user-select: none;
}

.work-markdown-compact-switch {
  display: none;
}

.work-markdown-pane {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.work-markdown-pane + .work-markdown-pane {
  border-left: 1px solid var(--a3s-line);
}

.work-markdown-splitter {
  z-index: 4;
  background: var(--a3s-bg);
  cursor: col-resize;
  touch-action: none;
  border: 0;
  outline: 0;
  width: 7px;
  margin: 0;
  padding: 0;
  position: relative;
}

.work-markdown-splitter:before {
  background: var(--a3s-line);
  content: "";
  width: 1px;
  transition: width .12s, background-color .12s, transform .12s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
}

.work-markdown-splitter:hover:before, .work-markdown-splitter:focus-visible:before, .work-markdown-workspace[data-split-resizing="true"] .work-markdown-splitter:before {
  background: var(--work-office-accent);
  width: 3px;
  transform: translateX(-1px);
}

.work-markdown-splitter:focus-visible {
  box-shadow: inset 0 0 0 2px
    color-mix(in srgb, var(--work-office-accent) 22%, transparent);
}

.work-markdown-pane-label {
  z-index: 2;
  border-bottom: 1px solid var(--a3s-line);
  background: color-mix(in srgb, var(--a3s-panel) 97%, var(--a3s-bg));
  height: 32px;
  color: var(--a3s-muted);
  letter-spacing: .035em;
  flex: 0 0 32px;
  align-items: center;
  padding: 0 16px;
  font-size: 10px;
  font-weight: 650;
  display: flex;
  position: sticky;
  top: 0;
}

.work-markdown-pane.source {
  background: color-mix(in srgb, var(--a3s-panel) 96%, var(--a3s-bg));
  overflow: hidden;
}

.work-markdown-pane.source textarea {
  box-sizing: border-box;
  resize: none;
  width: 100%;
  min-height: 0;
  color: var(--a3s-ink);
  font-family: var(--font-mono);
  font-size: calc(14px * var(--work-markdown-zoom) / 100);
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  tab-size: 2;
  background: none;
  border: 0;
  outline: 0;
  flex: auto;
  padding: 38px clamp(28px, 5vw, 72px) 80px;
  line-height: 1.8;
  overflow: auto;
}

.work-markdown-pane.source textarea::placeholder {
  color: var(--a3s-faint);
}

.work-markdown-pane.source textarea::selection {
  background: color-mix(in srgb, var(--work-office-accent) 18%, transparent);
}

.work-markdown-source-presence-layer {
  z-index: 3;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  overflow: hidden;
}

.work-markdown-source-presence-mirror {
  box-sizing: border-box;
  color: #0000;
  min-height: 100%;
  font-family: var(--font-mono);
  font-size: calc(14px * var(--work-markdown-zoom) / 100);
  overflow-wrap: break-word;
  tab-size: 2;
  white-space: pre-wrap;
  margin: 0;
  padding: 38px clamp(28px, 5vw, 72px) 80px;
  line-height: 1.8;
  position: absolute;
  top: 0;
  left: 0;
}

.work-markdown-workspace.split .work-markdown-source-presence-mirror {
  padding: 32px clamp(24px, 3.5vw, 46px) 72px;
}

.work-markdown-source-remote-range {
  background: color-mix(in srgb,
    var(--work-office-presence-color) 22%,
    transparent);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: inset 0 -1px 0
    color-mix(in srgb, var(--work-office-presence-color) 66%, transparent);
  border-radius: 2px;
  position: relative;
}

.work-markdown-source-remote-range[data-collapsed="true"] {
  border-left: 2px solid var(--work-office-presence-color);
  box-shadow: none;
  background: none;
  border-radius: 0;
}

.work-markdown-source-remote-range:after {
  z-index: 1;
  background: var(--work-office-presence-color);
  color: #fff;
  content: attr(data-participant-name);
  max-width: 160px;
  font: 650 9px / 1.25 var(--a3s-ui-font);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 4px 4px 4px 0;
  padding: 3px 6px;
  position: absolute;
  bottom: 100%;
  left: -2px;
  overflow: hidden;
  box-shadow: 0 3px 8px #0f172a29;
}

.work-markdown-source-presence-mirror[data-activity="idle"] {
  opacity: .68;
}

.work-markdown-source-presence-mirror[data-activity="away"] {
  opacity: .42;
}

.work-markdown-workspace.split .work-markdown-pane.source textarea {
  padding: 32px clamp(24px, 3.5vw, 46px) 72px;
}

.work-markdown-pane.visual {
  background: color-mix(in srgb, var(--a3s-bg) 82%, var(--a3s-panel));
  align-self: stretch;
  min-height: 100%;
}

.work-markdown-canvas {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  border-radius: 10px;
  width: min(880px, 100% - 64px);
  min-height: calc(100% - 64px);
  margin: 32px auto;
  position: relative;
  box-shadow: 0 1px 2px #161c280a, 0 12px 34px #161c280d;
}

.work-markdown-workspace.split .work-markdown-canvas {
  width: 100%;
  min-height: 100%;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  flex: 1 0 auto;
  align-self: stretch;
  margin: 0;
}

.work-markdown-canvas > div {
  min-height: 100%;
}

.work-markdown-canvas .tiptap {
  min-height: 100%;
  max-width: var(--work-markdown-reading-width);
  color: var(--a3s-ink);
  font-family: var(--a3s-ui-font);
  font-size: calc(16px * var(--work-markdown-zoom) / 100);
  overflow-wrap: anywhere;
  outline: 0;
  margin: 0 auto;
  padding: 56px clamp(42px, 7vw, 86px) 96px;
  line-height: 1.8;
}

.work-markdown-workspace.split .work-markdown-canvas .tiptap {
  padding: 42px clamp(28px, 4vw, 52px) 80px;
}

.work-markdown-canvas .tiptap > :first-child {
  margin-top: 0;
}

.work-markdown-canvas .tiptap > :last-child {
  margin-bottom: 0;
}

.work-markdown-canvas .tiptap h1, .work-markdown-canvas .tiptap h2, .work-markdown-canvas .tiptap h3, .work-markdown-canvas .tiptap h4, .work-markdown-canvas .tiptap h5, .work-markdown-canvas .tiptap h6 {
  color: var(--a3s-ink);
  letter-spacing: -.02em;
  margin: 1.65em 0 .6em;
  font-weight: 700;
  line-height: 1.3;
}

.work-markdown-canvas .tiptap h1 {
  font-size: 1.9em;
}

.work-markdown-canvas .tiptap h2 {
  font-size: 1.45em;
}

.work-markdown-canvas .tiptap h3 {
  font-size: 1.2em;
}

.work-markdown-canvas .tiptap p {
  margin: .85em 0;
}

.work-markdown-canvas .tiptap ul, .work-markdown-canvas .tiptap ol {
  margin: .8em 0;
  padding-left: 1.7em;
}

.work-markdown-canvas .tiptap li + li {
  margin-top: .25em;
}

.work-markdown-canvas .tiptap li > p {
  margin: 0;
}

.work-markdown-canvas .tiptap ul[data-type="taskList"] {
  padding-left: 0;
  list-style: none;
}

.work-markdown-canvas .tiptap li[data-type="taskItem"] {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.work-markdown-canvas .tiptap li[data-type="taskItem"] + li {
  margin-top: .35em;
}

.work-markdown-canvas .tiptap li[data-type="taskItem"] > label {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex: 0 0 18px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: calc(1.75em - 1px);
  display: inline-flex;
}

.work-markdown-editor.preview .work-markdown-canvas .tiptap li[data-type="taskItem"] > label, .work-markdown-pane.visual[data-readonly="true"] .work-markdown-canvas .tiptap li[data-type="taskItem"] > label {
  cursor: default;
}

.work-markdown-canvas .tiptap li[data-type="taskItem"] > label input {
  border: 1px solid var(--a3s-line-strong);
  appearance: none;
  background-color: var(--a3s-panel);
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  margin: 0;
  transition: border-color .12s, background-color .12s, box-shadow .12s;
}

.work-markdown-canvas .tiptap li[data-type="taskItem"] > label input:checked {
  border-color: var(--work-office-accent);
  background-color: var(--work-office-accent);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath d=%27m2.5 6 2.1 2.1L9.5 3.5%27 fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.8%27/%3E%3C/svg%3E");
}

.work-markdown-canvas .tiptap li[data-type="taskItem"] > label input:not(:disabled):hover {
  border-color: color-mix(in srgb,
    var(--work-office-accent) 72%,
    var(--a3s-line));
}

.work-markdown-canvas .tiptap li[data-type="taskItem"] > div {
  flex: 1;
  min-width: 0;
}

.work-markdown-canvas .tiptap li[data-type="taskItem"] > div > p {
  margin: 0;
}

.work-markdown-canvas .tiptap li[data-type="taskItem"][data-checked="true"] > div {
  color: var(--a3s-muted);
}

.work-markdown-canvas .tiptap li[data-type="taskItem"] ul[data-type="taskList"] {
  margin: .35em 0 0;
  padding-left: 1.6em;
}

.work-markdown-canvas .tiptap blockquote {
  border-left: 3px solid
    color-mix(in srgb, var(--work-office-accent) 68%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-panel-soft) 82%, transparent);
  color: var(--a3s-muted);
  border-radius: 0 7px 7px 0;
  margin: 1.25em 0;
  padding: .7em 1em;
}

.work-markdown-canvas .tiptap blockquote > :first-child {
  margin-top: 0;
}

.work-markdown-canvas .tiptap blockquote > :last-child {
  margin-bottom: 0;
}

.work-markdown-canvas .tiptap code {
  background: var(--a3s-panel-soft);
  color: color-mix(in srgb, var(--work-office-accent) 76%, var(--a3s-ink));
  font-family: var(--font-mono);
  border-radius: 4px;
  padding: .16em .38em;
  font-size: .9em;
}

.work-markdown-canvas .tiptap pre {
  border: 1px solid var(--a3s-line);
  background: color-mix(in srgb, var(--a3s-panel-soft) 90%, var(--a3s-bg));
  color: var(--a3s-ink);
  border-radius: 9px;
  margin: 1.3em 0;
  padding: 18px 20px;
  line-height: 1.6;
  overflow: auto;
}

.work-markdown-canvas .tiptap pre code {
  color: inherit;
  background: none;
  padding: 0;
  font-size: .88em;
}

.work-markdown-canvas .tiptap a {
  color: var(--a3s-blue);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.work-markdown-canvas .tiptap hr {
  border: 0;
  border-top: 1px solid var(--a3s-line-strong);
  margin: 2em 0;
}

.work-markdown-canvas .tiptap img {
  vertical-align: middle;
  border-radius: 7px;
  max-width: 100%;
  height: auto;
  margin: .5em 0;
  display: inline-block;
}

.work-markdown-canvas .tiptap table {
  border: 1px solid var(--a3s-line-strong);
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  border-radius: 8px;
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.work-markdown-canvas .tiptap th, .work-markdown-canvas .tiptap td {
  border: 0;
  border-right: 1px solid var(--a3s-line);
  border-bottom: 1px solid var(--a3s-line);
  vertical-align: top;
  min-width: 80px;
  padding: 9px 12px;
  position: relative;
}

.work-markdown-canvas .tiptap tr > :last-child {
  border-right: 0;
}

.work-markdown-canvas .tiptap tr:last-child > * {
  border-bottom: 0;
}

.work-markdown-canvas .tiptap th {
  background: color-mix(in srgb, var(--a3s-panel-soft) 84%, var(--a3s-panel));
  text-align: left;
  font-weight: 660;
}

.work-markdown-canvas .tiptap th > p, .work-markdown-canvas .tiptap td > p {
  margin: 0;
}

.work-markdown-canvas .tiptap .selectedCell:after {
  background: color-mix(in srgb, var(--a3s-blue) 10%, transparent);
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.work-markdown-canvas .tiptap p.is-editor-empty:first-child:before {
  float: left;
  height: 0;
  color: var(--a3s-faint);
  content: attr(data-placeholder);
  pointer-events: none;
}

.work-markdown-editor.preview .work-markdown-canvas {
  border-color: #0000;
}

.work-markdown-editor.preview .work-markdown-canvas .tiptap, .work-markdown-pane.visual[data-readonly="true"] .work-markdown-canvas .tiptap {
  cursor: default;
}

.work-markdown-status .work-office-status-info {
  gap: 14px;
}

@media (width <= 640px) {
  .work-markdown-workspace.split {
    grid-template-rows: 56px minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .work-markdown-compact-switch {
    z-index: 3;
    border: 0;
    border-bottom: 1px solid var(--a3s-line);
    background: color-mix(in srgb, var(--a3s-panel) 97%, var(--a3s-bg));
    grid-area: 1 / 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    min-width: 0;
    margin: 0;
    padding: 6px 12px;
    display: grid;
  }

  .work-markdown-compact-switch button {
    min-width: 0;
    min-height: 44px;
    color: var(--a3s-muted);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 1px solid #0000;
    border-radius: 7px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 640;
  }

  .work-markdown-compact-switch button[aria-pressed="true"] {
    border-color: var(--a3s-line);
    background: var(--a3s-panel);
    color: var(--a3s-ink);
    box-shadow: 0 1px 2px #161c280f;
  }

  .work-markdown-compact-switch button:focus-visible {
    outline: 2px solid
      color-mix(in srgb, var(--work-office-accent) 48%, transparent);
    outline-offset: 1px;
  }

  .work-markdown-workspace.split .work-markdown-pane {
    grid-area: 2 / 1;
  }

  .work-markdown-workspace.split[data-compact-pane="source"] .work-markdown-pane.visual, .work-markdown-workspace.split[data-compact-pane="preview"] .work-markdown-pane.source, .work-markdown-workspace.split .work-markdown-pane-label, .work-markdown-splitter {
    display: none;
  }

  .work-markdown-pane + .work-markdown-pane {
    border-left: 0;
  }

  .work-markdown-canvas {
    width: calc(100% - 24px);
    margin: 12px;
  }

  .work-markdown-canvas .tiptap {
    padding-left: 24px;
    padding-right: 24px;
  }

  .work-markdown-workspace.split .work-markdown-pane.source textarea {
    min-height: 0;
    padding: 28px 20px 64px;
  }

  .work-markdown-workspace.split .work-markdown-source-presence-mirror {
    padding: 28px 20px 64px;
  }

  .work-markdown-workspace.split .work-markdown-canvas {
    min-height: 100%;
  }

  .work-markdown-workspace.split .work-markdown-canvas .tiptap {
    padding: 30px 22px 68px;
  }

  .work-markdown-workspace.split[data-compact-pane="preview"] {
    background: color-mix(in srgb, var(--a3s-bg) 82%, var(--a3s-panel));
  }

  .work-markdown-workspace.split[data-compact-pane="preview"] .work-markdown-pane.visual, .work-markdown-workspace.split[data-compact-pane="preview"] .work-markdown-canvas {
    background: color-mix(in srgb, var(--a3s-bg) 82%, var(--a3s-panel));
    flex: 1 0 auto;
    align-self: stretch;
    width: 100%;
    min-height: 100%;
    margin: 0;
  }

  .work-markdown-workspace.split[data-compact-pane="preview"] .work-markdown-canvas > div, .work-markdown-workspace.split[data-compact-pane="preview"] .work-markdown-canvas .tiptap {
    min-height: 100%;
  }

  .work-markdown-status .work-office-save-status {
    display: none;
  }
}

@container work-markdown (width <= 640px) {
  .work-markdown-workspace.split {
    grid-template-rows: 56px minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .work-markdown-compact-switch {
    z-index: 3;
    border: 0;
    border-bottom: 1px solid var(--a3s-line);
    background: color-mix(in srgb, var(--a3s-panel) 97%, var(--a3s-bg));
    grid-area: 1 / 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    min-width: 0;
    margin: 0;
    padding: 6px 12px;
    display: grid;
  }

  .work-markdown-compact-switch button {
    min-width: 0;
    min-height: 44px;
    color: var(--a3s-muted);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 1px solid #0000;
    border-radius: 7px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 640;
  }

  .work-markdown-compact-switch button[aria-pressed="true"] {
    border-color: var(--a3s-line);
    background: var(--a3s-panel);
    color: var(--a3s-ink);
    box-shadow: 0 1px 2px #161c280f;
  }

  .work-markdown-compact-switch button:focus-visible {
    outline: 2px solid
      color-mix(in srgb, var(--work-office-accent) 48%, transparent);
    outline-offset: 1px;
  }

  .work-markdown-workspace.split .work-markdown-pane {
    grid-area: 2 / 1;
  }

  .work-markdown-workspace.split[data-compact-pane="source"] .work-markdown-pane.visual, .work-markdown-workspace.split[data-compact-pane="preview"] .work-markdown-pane.source, .work-markdown-workspace.split .work-markdown-pane-label, .work-markdown-splitter {
    display: none;
  }

  .work-markdown-pane + .work-markdown-pane {
    border-left: 0;
  }

  .work-markdown-canvas {
    width: calc(100% - 24px);
    margin: 12px;
  }

  .work-markdown-canvas .tiptap {
    padding-left: 24px;
    padding-right: 24px;
  }

  .work-markdown-workspace.split .work-markdown-pane.source textarea {
    min-height: 0;
    padding: 28px 20px 64px;
  }

  .work-markdown-workspace.split .work-markdown-source-presence-mirror {
    padding: 28px 20px 64px;
  }

  .work-markdown-workspace.split .work-markdown-canvas {
    min-height: 100%;
  }

  .work-markdown-workspace.split .work-markdown-canvas .tiptap {
    padding: 30px 22px 68px;
  }

  .work-markdown-workspace.split[data-compact-pane="preview"] {
    background: color-mix(in srgb, var(--a3s-bg) 82%, var(--a3s-panel));
  }

  .work-markdown-workspace.split[data-compact-pane="preview"] .work-markdown-pane.visual, .work-markdown-workspace.split[data-compact-pane="preview"] .work-markdown-canvas {
    background: color-mix(in srgb, var(--a3s-bg) 82%, var(--a3s-panel));
    flex: 1 0 auto;
    align-self: stretch;
    width: 100%;
    min-height: 100%;
    margin: 0;
  }

  .work-markdown-workspace.split[data-compact-pane="preview"] .work-markdown-canvas > div, .work-markdown-workspace.split[data-compact-pane="preview"] .work-markdown-canvas .tiptap {
    min-height: 100%;
  }

  .work-markdown-status .work-office-save-status {
    display: none;
  }
}

.work-spreadsheet-editor {
  --work-spreadsheet-accent: var(--a3s-green);
  background: #fff;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-spreadsheet-workspace {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-spreadsheet-canvas {
  z-index: 1;
  flex: 1;
  min-width: 0;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.work-spreadsheet-canvas > .fortune-container {
  color: #222;
  height: 100%;
  font-family: var(--a3s-ui-font);
  font-size: 12px;
}

.work-spreadsheet-editor[data-format-painter] .work-spreadsheet-canvas :is(.fortune-container, .fortune-sheet-overlay, canvas) {
  cursor: copy !important;
}

.work-spreadsheet-find-bar {
  z-index: 30;
  border: 1px solid var(--a3s-line-strong);
  background: var(--a3s-panel);
  width: min(350px, 100% - 20px);
  min-height: 36px;
  color: var(--a3s-muted);
  border-radius: 7px;
  align-items: center;
  gap: 5px;
  padding: 4px 5px 4px 9px;
  display: flex;
  position: absolute;
  top: 60px;
  right: 10px;
  box-shadow: 0 8px 22px #1a233424;
}

.work-spreadsheet-find-bar > .work-office-text-field {
  width: 0;
  min-width: 96px;
  height: 27px;
  box-shadow: none;
  background: none;
  border: 0;
  flex: auto;
}

.work-spreadsheet-find-bar > .work-office-text-field:focus {
  box-shadow: none;
}

.work-spreadsheet-find-bar > output {
  min-width: 54px;
  color: var(--a3s-faint);
  text-align: right;
  white-space: nowrap;
  font-size: 10px;
}

.work-spreadsheet-find-actions {
  flex: none;
  align-items: center;
  gap: 1px;
  display: inline-flex;
}

.work-spreadsheet-find-actions .ds-icon-button {
  border-radius: 5px;
  width: 25px;
  height: 25px;
  min-height: 25px;
}

@media (width <= 600px) {
  .work-spreadsheet-find-bar {
    gap: 4px;
    width: auto;
    min-height: 50px;
    padding: 4px;
    left: 8px;
    right: 8px;
  }

  .work-spreadsheet-find-bar > svg {
    display: none;
  }

  .work-spreadsheet-find-bar > .work-office-text-field {
    min-width: 96px;
    height: 40px;
    min-height: 40px;
    padding-inline: 9px;
  }

  .work-spreadsheet-find-bar > output {
    min-width: 42px;
  }

  .work-spreadsheet-find-actions .ds-icon-button {
    border-radius: 7px;
    width: 40px;
    height: 40px;
    min-height: 40px;
  }
}

.work-spreadsheet-ribbon-toolbar .work-office-select {
  flex: none;
  width: auto;
  min-width: 0;
}

.work-spreadsheet-ribbon-toolbar .work-office-select > button {
  width: auto;
  min-width: 0;
}

.work-spreadsheet-ribbon-toolbar .work-office-select.work-spreadsheet-font-family, .work-spreadsheet-ribbon-toolbar .work-office-select.work-spreadsheet-font-family > button {
  flex-basis: 112px;
  width: 112px;
  min-width: 112px;
}

.work-spreadsheet-ribbon-toolbar .work-office-select.work-spreadsheet-font-size, .work-spreadsheet-ribbon-toolbar .work-office-select.work-spreadsheet-font-size > button {
  flex-basis: 64px;
  width: 64px;
  min-width: 64px;
}

.work-spreadsheet-ribbon-toolbar .work-office-select.work-spreadsheet-number-format, .work-spreadsheet-ribbon-toolbar .work-office-select.work-spreadsheet-number-format > button {
  flex-basis: 112px;
  width: 112px;
  min-width: 112px;
}

.work-spreadsheet-number-format-stack {
  flex-direction: column;
  flex: 0 0 112px;
  gap: 2px;
  width: 112px;
  height: 51px;
  display: flex;
}

.work-spreadsheet-number-format-stack > .work-spreadsheet-ribbon-menu-root {
  width: 112px;
  min-width: 0;
}

.work-office-ribbon .work-office-toolbar .work-spreadsheet-number-format-stack .work-spreadsheet-date-time-trigger.with-label {
  flex-direction: row;
  justify-content: flex-start;
  gap: 4px;
  width: 112px;
  min-width: 112px;
  height: 21px;
  padding: 0 6px;
}

.work-office-ribbon .work-office-toolbar .work-spreadsheet-number-format-stack .work-spreadsheet-date-time-trigger.with-label > svg {
  width: 14px;
  height: 14px;
}

.work-office-ribbon .work-office-toolbar .work-spreadsheet-number-format-stack .work-spreadsheet-date-time-trigger.with-label > span {
  max-width: 84px;
  font-size: 9px;
  line-height: 11px;
}

.work-spreadsheet-workbook-panel {
  z-index: 8;
  border-left: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  width: clamp(340px, 31vw, 420px);
  min-width: 320px;
  min-height: 0;
  max-height: none;
  color: var(--a3s-ink);
  flex-direction: column;
  flex: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: -10px 0 28px #1a233412;
}

.work-spreadsheet-workbook-panel > header {
  z-index: 2;
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  padding: 7px 10px 7px 14px;
  display: flex;
  position: relative;
}

.work-spreadsheet-workbook-panel > header > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.work-spreadsheet-workbook-panel > header strong {
  color: var(--a3s-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 680;
  overflow: hidden;
}

.work-spreadsheet-workbook-panel > header span, .work-spreadsheet-workbook-panel form > p {
  color: var(--a3s-faint);
  font-size: 9px;
}

.work-spreadsheet-workbook-panel > header span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.work-spreadsheet-workbook-panel > header > button {
  width: 28px;
  height: 28px;
  min-height: 28px;
  color: var(--a3s-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  flex: 0 0 28px;
  place-items: center;
  display: grid;
}

.work-spreadsheet-workbook-panel > header > button:hover {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-spreadsheet-workbook-panel-body {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  flex: auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden auto;
}

.work-spreadsheet-workbook-panel-body .actions {
  z-index: 3;
  border-top: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-height: 39px;
  padding: 6px 0 5px;
  position: sticky;
  bottom: 0;
  box-shadow: 0 -8px 14px #1a23340d;
}

.work-spreadsheet-name-manager {
  border: 0;
  grid-template-columns: minmax(160px, 220px) minmax(420px, 1fr);
  min-width: 0;
  min-height: 178px;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-spreadsheet-name-manager > aside {
  border-right: 1px solid var(--a3s-line);
  padding: 8px;
}

.work-spreadsheet-name-manager .create {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  width: 100%;
  height: 27px;
  min-height: 27px;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 9px;
  display: inline-flex;
}

.work-spreadsheet-name-list {
  gap: 3px;
  max-height: 132px;
  margin-top: 6px;
  display: grid;
  overflow: auto;
}

.work-spreadsheet-name-list > button {
  color: var(--a3s-ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 6px 7px;
  font-size: 9px;
  display: grid;
}

.work-spreadsheet-name-list > button:hover, .work-spreadsheet-name-list > button.active {
  background: var(--a3s-panel-soft);
}

.work-spreadsheet-name-list > button strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  overflow: hidden;
}

.work-spreadsheet-name-list > button span, .work-spreadsheet-name-list > p {
  color: var(--a3s-faint);
  font-size: 8px;
}

.work-spreadsheet-name-list > p {
  text-align: center;
  margin: 12px 4px;
}

.work-spreadsheet-name-manager > form, .work-spreadsheet-conditional-manager > form, .work-spreadsheet-protection-manager > form, .work-spreadsheet-print-area-form {
  grid-template-columns: minmax(140px, .7fr) minmax(150px, .8fr) minmax(240px, 1.4fr);
  align-content: start;
  gap: 8px 10px;
  padding: 10px 12px;
  display: grid;
}

.work-spreadsheet-name-manager .reference, .work-spreadsheet-conditional-manager .reference {
  grid-column: 3;
}

.work-spreadsheet-name-manager .comment {
  grid-column: 1 / 3;
}

.work-spreadsheet-name-manager .actions, .work-spreadsheet-chart-manager .actions, .work-spreadsheet-conditional-manager .actions, .work-spreadsheet-protection-manager .actions, .work-spreadsheet-print-area-form .actions {
  grid-column: 1 / -1;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  display: flex;
}

.work-spreadsheet-workbook-panel .actions button {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  height: 27px;
  min-height: 27px;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  font-size: 9px;
  display: inline-flex;
}

.work-spreadsheet-workbook-panel .actions button.primary {
  border-color: var(--a3s-blue);
  background: var(--a3s-blue);
  color: #fff;
}

.work-spreadsheet-workbook-panel .actions button.danger {
  color: var(--a3s-red);
}

.work-spreadsheet-workbook-panel .actions button:disabled {
  opacity: .45;
  cursor: default;
}

.work-spreadsheet-print-area-form {
  grid-template-columns: minmax(150px, .6fr) minmax(280px, 1.4fr) minmax(250px, 1fr);
  align-items: end;
  min-height: 118px;
}

.work-spreadsheet-print-area-form > p {
  align-self: center;
  margin: 0;
  line-height: 1.5;
}

.work-spreadsheet-page-setup-fields, .work-spreadsheet-header-footer-fields {
  border: 1px solid var(--a3s-line);
  border-radius: 6px;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(170px, 1fr));
  gap: 8px 10px;
  margin: 2px 0;
  padding: 8px 10px 10px;
  display: grid;
}

.work-spreadsheet-page-setup-fields legend, .work-spreadsheet-header-footer-fields legend {
  color: var(--a3s-muted);
  padding: 0 5px;
  font-size: 9px;
  font-weight: 600;
}

.work-spreadsheet-page-setup-fields .work-office-checkbox.toggle, .work-spreadsheet-header-footer-fields .work-office-checkbox.toggle {
  align-items: center;
  gap: 6px;
  min-height: 27px;
  display: flex;
}

.work-spreadsheet-header-footer-fields .tokens {
  color: var(--a3s-faint);
  grid-column: 2 / -1;
  align-self: center;
  margin: 0;
  font-size: 8px;
  line-height: 1.5;
}

.work-spreadsheet-conditional-manager {
  border: 0;
  grid-template-columns: minmax(180px, 240px) minmax(560px, 1fr);
  min-width: 0;
  min-height: 178px;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-spreadsheet-conditional-manager > aside {
  border-right: 1px solid var(--a3s-line);
  padding: 8px;
}

.work-spreadsheet-conditional-manager .create {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  width: 100%;
  height: 27px;
  min-height: 27px;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 9px;
  display: inline-flex;
}

.work-spreadsheet-conditional-list {
  gap: 3px;
  max-height: 132px;
  margin-top: 6px;
  display: grid;
  overflow: auto;
}

.work-spreadsheet-conditional-list > button {
  color: var(--a3s-ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1px 8px;
  padding: 5px 7px;
  font-size: 9px;
  display: grid;
}

.work-spreadsheet-conditional-list > button:hover, .work-spreadsheet-conditional-list > button.active {
  background: var(--a3s-panel-soft);
}

.work-spreadsheet-conditional-list > button strong {
  font-size: 9px;
}

.work-spreadsheet-conditional-list > button span, .work-spreadsheet-conditional-list > button small, .work-spreadsheet-conditional-list > p {
  color: var(--a3s-faint);
  font-size: 8px;
}

.work-spreadsheet-conditional-list > button small {
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-column: 1 / -1;
  overflow: hidden;
}

.work-spreadsheet-conditional-list > p {
  text-align: center;
  margin: 12px 4px;
}

.work-spreadsheet-conditional-manager > form {
  grid-template-columns: repeat(4, minmax(110px, 1fr));
}

.work-spreadsheet-conditional-manager .reference {
  grid-column: span 2;
}

.work-spreadsheet-conditional-manager .work-office-checkbox.toggle {
  align-self: end;
  align-items: center;
  gap: 6px;
  min-height: 27px;
  padding: 0 4px;
  display: flex;
}

.work-spreadsheet-conditional-thresholds {
  border: 1px solid var(--a3s-line);
  border-radius: 6px;
  grid-column: 1 / -1;
  gap: 5px;
  margin: 0;
  padding: 6px 8px 8px;
  display: grid;
}

.work-spreadsheet-conditional-thresholds legend {
  color: var(--a3s-muted);
  padding: 0 4px;
  font-size: 9px;
}

.work-spreadsheet-conditional-thresholds > div {
  color: var(--a3s-muted);
  grid-template-columns: minmax(82px, .65fr) minmax(110px, .9fr) minmax(90px, .75fr) minmax(88px, .7fr);
  align-items: center;
  gap: 6px;
  font-size: 9px;
  display: grid;
}

.work-spreadsheet-conditional-thresholds .work-office-checkbox.threshold-gte {
  align-items: center;
  gap: 5px;
  display: flex;
}

.work-spreadsheet-conditional-manager form > p {
  grid-column: 1 / -1;
  align-self: center;
  margin: 0;
  line-height: 1.45;
}

.work-spreadsheet-protection-manager {
  border: 0;
  grid-template-columns: minmax(180px, 240px) minmax(660px, 1fr);
  min-width: 0;
  min-height: 190px;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-spreadsheet-protection-manager > aside {
  border-right: 1px solid var(--a3s-line);
  padding: 8px;
}

.work-spreadsheet-protection-manager .create {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  width: 100%;
  height: 27px;
  min-height: 27px;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 9px;
  display: inline-flex;
}

.work-spreadsheet-protection-list {
  gap: 3px;
  max-height: 142px;
  margin-top: 6px;
  display: grid;
  overflow: auto;
}

.work-spreadsheet-protection-list > button {
  color: var(--a3s-ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1px 8px;
  padding: 5px 7px;
  font-size: 9px;
  display: grid;
}

.work-spreadsheet-protection-list > button:hover, .work-spreadsheet-protection-list > button.active {
  background: var(--a3s-panel-soft);
}

.work-spreadsheet-protection-list > button strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  overflow: hidden;
}

.work-spreadsheet-protection-list > button small {
  color: var(--a3s-faint);
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-column: 1 / -1;
  font-size: 8px;
  overflow: hidden;
}

.work-spreadsheet-protection-list .credential {
  color: var(--a3s-warning);
  align-items: center;
  gap: 3px;
  font-size: 8px;
  display: inline-flex;
}

.work-spreadsheet-protection-list > p {
  color: var(--a3s-faint);
  text-align: center;
  margin: 12px 4px;
  font-size: 8px;
}

.work-spreadsheet-protection-manager > form {
  grid-template-columns: minmax(130px, .7fr) minmax(190px, 1fr) minmax(230px, 1.2fr);
  align-items: start;
}

.work-spreadsheet-protection-manager .work-office-checkbox.toggle {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  border-radius: 5px;
  align-items: center;
  gap: 6px;
  height: 27px;
  padding: 0 7px;
  display: flex;
}

.work-spreadsheet-protection-manager fieldset {
  border: 1px solid var(--a3s-line);
  border-radius: 5px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 50px;
  margin: 0;
  padding: 4px 8px 6px;
  display: flex;
}

.work-spreadsheet-protection-manager legend {
  color: var(--a3s-muted);
  padding: 0 3px;
  font-size: 8px;
}

.work-spreadsheet-protection-manager .work-office-checkbox.check {
  align-items: center;
  gap: 4px;
  display: flex;
}

.work-spreadsheet-protection-manager .reference {
  grid-column: span 2;
}

.work-spreadsheet-protection-manager form > p {
  color: var(--a3s-faint);
  grid-column: 1 / -1;
  margin: 0;
  font-size: 8px;
  line-height: 1.45;
}

.work-spreadsheet-editor {
  --work-spreadsheet-accent: #159469;
  --work-office-control-accent: var(--work-spreadsheet-accent);
  --work-spreadsheet-control-height: 32px;
  --work-spreadsheet-footer-height: 30px;
  --work-spreadsheet-chrome: color-mix(in srgb,
    var(--work-spreadsheet-accent) 2%,
    var(--a3s-panel));
  --work-spreadsheet-chrome-hover: color-mix(in srgb,
    var(--work-spreadsheet-accent) 7%,
    var(--a3s-panel-soft));
  --work-spreadsheet-chrome-active: color-mix(in srgb,
    var(--work-spreadsheet-accent) 11%,
    var(--a3s-panel));
  --work-spreadsheet-grid-line: color-mix(in srgb,
    var(--work-spreadsheet-accent) 3%,
    var(--a3s-line-strong));
  --work-spreadsheet-header-text: color-mix(in srgb,
    var(--work-spreadsheet-accent) 16%,
    var(--a3s-muted));
}

.work-spreadsheet-editor .fortune-fx-editor {
  height: var(--work-spreadsheet-control-height);
  border-color: var(--work-spreadsheet-grid-line);
  border-bottom: 1px solid var(--work-spreadsheet-grid-line);
  background: var(--work-spreadsheet-chrome);
}

.work-spreadsheet-editor .fortune-name-box-container {
  border-color: var(--work-spreadsheet-grid-line);
  border-right: 1px solid var(--work-spreadsheet-grid-line);
  background: var(--work-spreadsheet-chrome);
  width: 88px;
  color: var(--a3s-muted);
  font-size: 11px;
}

.work-spreadsheet-editor .fortune-name-box, .work-spreadsheet-editor .fortune-fx-input {
  min-height: 26px;
  color: var(--a3s-ink);
  font-family: var(--a3s-ui-font);
  background: none;
  font-size: 12px;
}

.work-spreadsheet-editor .fortune-name-box:focus-visible, .work-spreadsheet-editor .fortune-fx-input:focus-visible {
  outline: 1px solid
    color-mix(in srgb, var(--work-spreadsheet-accent) 62%, var(--a3s-line));
  outline-offset: -2px;
  background: var(--a3s-panel);
  border-radius: 3px;
}

.work-spreadsheet-editor .fortune-fx-input-container {
  border-left-color: var(--work-spreadsheet-grid-line);
  padding-inline: 4px;
}

.work-spreadsheet-editor .fortune-fx-icon {
  color: var(--work-spreadsheet-accent);
  margin-inline: 10px;
}

.work-spreadsheet-editor .fortune-col-header, .work-spreadsheet-editor .fortune-row-header {
  color: var(--work-spreadsheet-header-text);
  font-family: var(--a3s-ui-font);
  background: none;
  font-size: 11px;
  font-weight: 520;
}

.work-spreadsheet-editor .fortune-left-top {
  border-color: var(--work-spreadsheet-grid-line);
  background: var(--work-spreadsheet-chrome);
}

.work-spreadsheet-editor .fortune-col-header-selected {
  border-bottom-color: var(--work-spreadsheet-accent);
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent) 16%,
    transparent);
  color: color-mix(in srgb, var(--work-spreadsheet-accent) 82%, var(--a3s-ink));
  font-weight: 650;
}

.work-spreadsheet-editor .fortune-row-header-selected {
  border-right-color: var(--work-spreadsheet-accent);
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent) 16%,
    transparent);
  color: color-mix(in srgb, var(--work-spreadsheet-accent) 82%, var(--a3s-ink));
  font-weight: 650;
}

.work-spreadsheet-editor .fortune-col-header-hover, .work-spreadsheet-editor .fortune-row-header-hover {
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent) 12%,
    transparent);
}

.work-spreadsheet-editor .luckysheet-input-box-inner {
  box-sizing: border-box;
  font-family: var(--a3s-ui-font);
  align-items: center;
  font-size: 11pt;
  display: flex;
}

.work-spreadsheet-editor[data-cell-vt="1"] .luckysheet-input-box-inner {
  align-items: flex-start;
}

.work-spreadsheet-editor[data-cell-vt="2"] .luckysheet-input-box-inner {
  align-items: flex-end;
}

.work-spreadsheet-editor .luckysheet-cell-input {
  font: inherit;
  align-self: stretch;
  min-height: 1.15em;
  max-height: 100%;
  line-height: 1.15;
  width: 100% !important;
  height: auto !important;
}

.work-spreadsheet-editor .luckysheet-cell-selected {
  border-color: var(--work-spreadsheet-accent);
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent) 9%,
    transparent);
}

.work-spreadsheet-editor .luckysheet-cell-selected-focus {
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent) 12%,
    transparent);
}

.work-spreadsheet-editor .fortune-cell-selected-extend, .work-spreadsheet-editor .fortune-cell-selected-move, .work-spreadsheet-editor .fortune-selection-copy-hc {
  border-color: var(--work-spreadsheet-accent);
}

.work-spreadsheet-editor .fortune-cols-change-size, .work-spreadsheet-editor .fortune-rows-change-size, .work-spreadsheet-editor .fortune-formula-functionrange-highlight .fortune-copy, .work-spreadsheet-editor .fortune-formula-functionrange-highlight .luckysheet-highlight {
  background: var(--work-spreadsheet-accent);
}

.work-spreadsheet-editor .fortune-change-size-line {
  border-color: var(--work-spreadsheet-accent);
}

.work-spreadsheet-editor .luckysheet-cs-fillhandle {
  border-color: var(--a3s-panel);
  background: var(--work-spreadsheet-accent);
}

.work-spreadsheet-editor .work-office-slider-fill {
  background: var(--work-spreadsheet-accent);
}

.work-spreadsheet-editor .work-office-slider-thumb {
  border-color: var(--work-spreadsheet-accent);
}

.work-spreadsheet-editor .work-office-slider:focus-visible {
  border-color: var(--work-spreadsheet-accent);
  box-shadow: 0 0 0 2px
    color-mix(in srgb, var(--work-spreadsheet-accent) 18%, transparent);
}

.work-spreadsheet-editor .fortune-sheet-overlay:focus-visible {
  outline: 1px solid
    color-mix(in srgb, var(--work-spreadsheet-accent) 24%, transparent);
  outline-offset: -1px;
}

.work-spreadsheet-editor .luckysheet-bottom-controll-row, .work-spreadsheet-editor .fortune-context-menu.luckysheet-cols-menu:not(.fortune-filter-menu):not(.fortune-sheet-list) {
  display: none !important;
}

.work-spreadsheet-editor .luckysheet-filter-options {
  border: 1px solid
    color-mix(in srgb, var(--work-spreadsheet-accent) 58%, var(--a3s-line));
  background: var(--a3s-panel);
  min-width: 20px;
  min-height: 20px;
  color: var(--work-spreadsheet-header-text);
  cursor: pointer;
  border-radius: 3px;
  place-items: center;
  display: grid;
}

.work-spreadsheet-editor .luckysheet-filter-options .caret.down {
  border-top-color: var(--work-spreadsheet-accent);
}

.work-spreadsheet-editor .luckysheet-filter-options:hover, .work-spreadsheet-editor .luckysheet-filter-options:focus-visible {
  background: var(--work-spreadsheet-chrome-hover);
  color: var(--work-spreadsheet-accent);
}

.work-spreadsheet-editor .luckysheet-filter-options:focus-visible {
  outline: 2px solid
    color-mix(in srgb, var(--work-spreadsheet-accent) 72%, white);
  outline-offset: 1px;
}

.work-spreadsheet-editor .luckysheet-filter-options-active {
  background: var(--work-spreadsheet-accent);
  color: #fff;
}

.work-spreadsheet-editor .fortune-filter-menu {
  overscroll-behavior: contain;
  border-radius: var(--a3s-overlay-radius);
  background: var(--a3s-overlay-surface);
  max-width: min(320px, 100vw - 16px);
  max-height: min(620px, 100dvh - 16px);
  box-shadow: var(--a3s-shadow-soft);
  color: var(--a3s-ink);
  font: 500 12px / 1.4 var(--a3s-ui-font);
  scrollbar-color: var(--a3s-line-strong) transparent;
  scrollbar-width: thin;
  border: 0;
  overflow: auto;
}

.work-spreadsheet-editor .fortune-filter-menu .luckysheet-cols-menuitem:focus-visible, .work-spreadsheet-editor .fortune-filter-menu .fortune-byvalue-btn:focus-visible, .work-spreadsheet-editor .fortune-filter-menu .select-item:focus-visible, .work-spreadsheet-editor .fortune-filter-menu .button-basic:focus-visible, .work-spreadsheet-editor .fortune-filter-menu input:focus-visible {
  outline: 2px solid
    color-mix(in srgb, var(--work-spreadsheet-accent) 70%, white);
  outline-offset: -1px;
  border-radius: 4px;
}

.work-spreadsheet-editor .fortune-filter-menu .filtermenu-input-container input {
  border-color: var(--a3s-line-strong);
  background: var(--a3s-panel);
  color: var(--a3s-ink);
  font-family: var(--a3s-ui-font);
  border-radius: 5px;
}

.work-spreadsheet-editor .fortune-filter-menu .filtermenu-input-container input::placeholder {
  color: var(--a3s-muted);
}

.work-spreadsheet-editor .fortune-filter-menu input[type="checkbox"] {
  accent-color: var(--work-spreadsheet-accent);
}

.work-spreadsheet-editor .fortune-filter-menu .fortune-byvalue-btn {
  color: var(--work-spreadsheet-accent);
}

.work-spreadsheet-editor .fortune-filter-menu .button-primary {
  background: var(--work-spreadsheet-accent);
  color: #fff;
}

.work-spreadsheet-editor .fortune-filter-menu .button-default {
  border-color: var(--a3s-line-strong);
  background: var(--a3s-panel);
  color: var(--a3s-ink);
}

@media (width <= 640px) {
  .work-spreadsheet-editor .fortune-filter-menu .filtermenu-input-container input {
    font-size: 16px;
  }
}

.work-spreadsheet-editor .fortune-modal-container {
  backdrop-filter: blur(3px);
  background: #090c166b;
}

.work-spreadsheet-editor .fortune-dialog {
  border: 1px solid var(--a3s-overlay-border);
  border-radius: var(--a3s-overlay-radius);
  background: var(--a3s-overlay-surface);
  box-shadow: var(--a3s-shadow-soft);
  color: var(--a3s-ink);
  font-family: var(--a3s-ui-font);
}

.work-spreadsheet-editor .fortune-message-box-button {
  min-height: 32px;
  font: 600 11px / 18px var(--a3s-ui-font);
  border-radius: 7px;
  margin: 0 4px;
  padding: 5px 12px;
}

.work-spreadsheet-editor .fortune-message-box-button.button-default {
  border-color: var(--a3s-line-strong);
  background: var(--a3s-panel);
  color: var(--a3s-ink);
}

.work-spreadsheet-editor .fortune-message-box-button.button-primary {
  background: var(--work-spreadsheet-accent);
  color: #fff;
}

.work-spreadsheet-editor .fortune-toolbar {
  border-bottom-color: var(--work-spreadsheet-grid-line);
  background: var(--a3s-panel);
}

.work-spreadsheet-editor .fortune-toolbar-button {
  border-radius: 4px;
}

.work-spreadsheet-editor .luckysheet-sheet-area, .work-spreadsheet-editor .fortune-sheet-area-right, .work-spreadsheet-editor .luckysheet-sheet-selection-calInfo {
  display: none !important;
}

.work-spreadsheet-editor.preview .fortune-formula-bar {
  background: var(--a3s-panel);
}

.work-spreadsheet-footer {
  z-index: 7;
  min-width: 0;
  height: var(--work-spreadsheet-footer-height);
  flex: 0 0 var(--work-spreadsheet-footer-height);
  border-top: 1px solid var(--work-spreadsheet-grid-line);
  background: var(--work-spreadsheet-chrome);
  box-shadow: none;
  font-family: var(--a3s-ui-font);
  align-items: stretch;
  display: flex;
  position: relative;
}

.work-spreadsheet-sheet-bar {
  z-index: auto;
  min-width: 180px;
  height: calc(var(--work-spreadsheet-footer-height) - 1px);
  min-height: calc(var(--work-spreadsheet-footer-height) - 1px);
  color: var(--a3s-muted);
  background: none;
  flex: auto;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-spreadsheet-sheet-tools {
  border-right: 1px solid var(--work-spreadsheet-grid-line);
  flex: none;
  align-items: center;
  gap: 1px;
  min-width: 102px;
  padding: 3px 5px;
  display: flex;
}

.work-spreadsheet-sheet-bar[data-editable="false"] .work-spreadsheet-sheet-tools {
  min-width: 78px;
}

.work-spreadsheet-sheet-tools > button, .work-spreadsheet-sheet-tools .ds-popover > button {
  width: 22px;
  height: 22px;
  color: var(--a3s-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  outline: 0;
  place-items: center;
  padding: 0;
  display: grid;
}

.work-spreadsheet-sheet-tools .ds-popover {
  display: flex;
}

.work-spreadsheet-sheet-tools > button:hover:not(:disabled), .work-spreadsheet-sheet-tools > button:focus-visible, .work-spreadsheet-sheet-tools .ds-popover > button:hover:not(:disabled), .work-spreadsheet-sheet-tools .ds-popover > button:focus-visible, .work-spreadsheet-sheet-tools .ds-popover.open > button {
  background: var(--work-spreadsheet-chrome-hover);
  color: var(--a3s-ink);
  box-shadow: inset 0 0 0 1px
    color-mix(in srgb, var(--work-spreadsheet-accent) 14%, var(--a3s-line));
}

.work-spreadsheet-sheet-tools > button:focus-visible, .work-spreadsheet-sheet-tools .ds-popover > button:focus-visible {
  box-shadow: inset 0 0 0 1px var(--work-spreadsheet-accent);
}

.work-spreadsheet-sheet-tools button:disabled {
  cursor: default;
  opacity: .34;
}

.work-spreadsheet-sheet-add {
  margin-left: 2px;
  color: var(--work-spreadsheet-accent) !important;
}

.work-spreadsheet-sheet-tabs {
  scrollbar-width: none;
  flex: 1;
  align-items: stretch;
  min-width: 0;
  padding: 0;
  scroll-padding-inline: 8px;
  display: flex;
  overflow: auto hidden;
}

.work-spreadsheet-sheet-tabs::-webkit-scrollbar {
  display: none;
}

.work-spreadsheet-sheet-tab {
  min-width: 78px;
  max-width: 168px;
  height: calc(var(--work-spreadsheet-footer-height) - 1px);
  border-right: 1px solid var(--work-spreadsheet-grid-line);
  color: var(--a3s-muted);
  background: none;
  flex: none;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-spreadsheet-sheet-tab:after {
  background: var(--work-sheet-color, var(--work-spreadsheet-accent));
  content: "";
  opacity: 0;
  pointer-events: none;
  border-radius: 2px 2px 0 0;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
}

.work-spreadsheet-sheet-tab:hover {
  background: var(--work-spreadsheet-chrome-hover);
  color: var(--a3s-ink);
}

.work-spreadsheet-sheet-tab.active {
  border-right-color: var(--work-spreadsheet-grid-line);
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent) 4%,
    var(--a3s-panel));
  color: var(--a3s-ink);
  box-shadow: none;
}

.work-spreadsheet-sheet-tab.active:after, .work-spreadsheet-sheet-tab[style*="--work-sheet-color"]:after {
  opacity: 1;
}

.work-spreadsheet-sheet-tab > button[role="tab"] {
  min-width: 0;
  color: inherit;
  cursor: pointer;
  font: 500 11px / 1 var(--a3s-ui-font);
  text-align: left;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  padding: 1px 6px 0 10px;
  display: block;
  overflow: hidden;
}

.work-spreadsheet-sheet-tab > button[role="tab"]:focus-visible {
  box-shadow: inset 0 0 0 1px var(--work-spreadsheet-accent);
}

.work-spreadsheet-sheet-tab > button[role="tab"] > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.work-spreadsheet-sheet-tab.active > button[role="tab"] {
  color: color-mix(in srgb, var(--work-spreadsheet-accent) 76%, var(--a3s-ink));
  font-weight: 650;
}

.work-spreadsheet-sheet-tab > input {
  border: 1px solid var(--work-spreadsheet-accent);
  background: var(--a3s-panel);
  width: 112px;
  min-width: 0;
  height: 23px;
  color: var(--a3s-ink);
  font: 11px var(--a3s-ui-font);
  box-shadow: 0 0 0 2px
    color-mix(in srgb, var(--work-spreadsheet-accent) 12%, transparent);
  border-radius: 3px;
  outline: 0;
  align-self: center;
  margin: 3px 4px 2px;
  padding: 0 6px;
}

.work-spreadsheet-sheet-tab.invalid {
  width: min(300px, 100vw - 32px);
  min-width: min(300px, 100vw - 32px);
  max-width: min(300px, 100vw - 32px);
}

.work-spreadsheet-sheet-tab > input[aria-invalid="true"] {
  border-color: var(--a3s-red);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--a3s-red) 12%, transparent);
}

.work-spreadsheet-sheet-rename-error {
  min-width: 0;
  color: var(--a3s-red);
  font: 500 10px / 1.2 var(--a3s-ui-font);
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: center;
  padding-right: 8px;
  display: block;
  overflow: hidden;
}

.work-spreadsheet-sheet-tab > .ds-popover {
  flex: none;
  display: flex;
}

.work-spreadsheet-sheet-options {
  width: 21px;
  height: 100%;
  color: var(--a3s-faint);
  cursor: pointer;
  opacity: 0;
  background: none;
  border: 0;
  outline: 0;
  place-items: center;
  padding: 0 2px 1px 0;
  display: grid;
}

.work-spreadsheet-sheet-tab:hover .work-spreadsheet-sheet-options, .work-spreadsheet-sheet-options[aria-expanded="true"], .work-spreadsheet-sheet-options:focus-visible {
  opacity: 1;
}

.work-spreadsheet-sheet-options:hover, .work-spreadsheet-sheet-options:focus-visible, .work-spreadsheet-sheet-options[aria-expanded="true"] {
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent) 8%,
    transparent);
  color: var(--a3s-ink);
}

.work-spreadsheet-sheet-options:focus-visible {
  box-shadow: inset 0 0 0 1px var(--work-spreadsheet-accent);
}

.work-spreadsheet-sheet-options svg {
  transition: transform .12s;
}

.work-spreadsheet-sheet-options svg.open {
  transform: rotate(180deg);
}

.work-spreadsheet-context-menu, .work-spreadsheet-sheet-popover {
  --work-spreadsheet-menu-accent: #159469;
  --work-office-menu-accent: var(--work-spreadsheet-menu-accent);
}

.work-spreadsheet-ribbon-menu-trigger > span:after {
  content: "";
  vertical-align: 2px;
  border-top: 4px solid;
  border-left: 3px solid #0000;
  border-right: 3px solid #0000;
  margin-left: 4px;
  display: inline-block;
}

.work-spreadsheet-ribbon-split-root {
  border-radius: 6px;
  flex: none;
  align-items: stretch;
  height: 51px;
  display: inline-flex;
}

.work-office-ribbon .work-office-toolbar .work-spreadsheet-ribbon-split-primary.with-label {
  border-radius: 6px 0 0 6px;
  min-width: 51px;
  padding-right: 4px;
}

.work-office-ribbon .work-office-toolbar .work-spreadsheet-ribbon-split-disclosure {
  border-left: 1px solid color-mix(in srgb, var(--a3s-line) 72%, transparent);
  border-radius: 0 6px 6px 0;
  width: 18px;
  min-width: 18px;
  height: 51px;
  padding: 0;
}

.work-spreadsheet-ribbon-split-disclosure svg {
  transition: transform .12s;
}

.work-spreadsheet-ribbon-split-disclosure[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.work-spreadsheet-ribbon-split-primary:focus-visible, .work-spreadsheet-ribbon-split-disclosure:focus-visible {
  box-shadow: inset 0 0 0 1px var(--work-spreadsheet-accent);
  outline: 0;
}

.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] .work-spreadsheet-ribbon-split-primary.with-label, .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) .work-spreadsheet-ribbon-split-primary.with-label {
  width: 38px;
  min-width: 38px;
  padding-inline: 4px;
}

.work-spreadsheet-ribbon-menu {
  --work-office-menu-accent: var(--work-office-control-accent, #159469);
  width: min(264px, 100vw - 32px);
}

.work-spreadsheet-ribbon-menu > button {
  grid-template-columns: 20px minmax(0, 1fr);
}

.work-spreadsheet-orientation-menu > button, .work-spreadsheet-rows-columns-menu > button {
  grid-template-columns: 20px minmax(0, 1fr) auto;
}

.work-spreadsheet-orientation-menu > button:after {
  border: 1px solid var(--a3s-faint);
  content: "";
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.work-spreadsheet-orientation-menu > button[aria-checked="true"]:after {
  border-color: var(--work-office-menu-accent);
  background: var(--work-office-menu-accent);
  box-shadow: inset 0 0 0 2px var(--a3s-overlay-surface);
}

.work-spreadsheet-orientation-glyph {
  stroke: currentColor;
  stroke-width: 1.45px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  overflow: visible;
}

.work-spreadsheet-orientation-trigger.active .work-spreadsheet-orientation-glyph {
  color: var(--work-spreadsheet-accent);
}

.work-spreadsheet-find-select-menu > button, .work-spreadsheet-paste-menu > button {
  grid-template-columns: 20px minmax(0, 1fr) auto;
}

.work-spreadsheet-ribbon-menu-separator {
  background: var(--a3s-line);
  border: 0;
  height: 1px;
  margin: 4px 8px;
}

.work-spreadsheet-ribbon-menu > button > span:last-child {
  white-space: normal;
}

.work-spreadsheet-ribbon-menu-item-icon {
  width: 20px;
  height: 20px;
  color: var(--work-office-menu-accent);
  place-items: center;
  display: grid;
}

.work-spreadsheet-ribbon-menu-item-icon > svg {
  width: 16px;
  height: 16px;
}

.work-spreadsheet-ribbon-menu > button.danger {
  color: color-mix(in srgb, var(--a3s-red) 88%, var(--a3s-ink));
}

.work-spreadsheet-ribbon-menu > button.danger .work-spreadsheet-ribbon-menu-item-icon {
  color: currentColor;
}

@media (width <= 640px) {
  .work-spreadsheet-orientation-menu, .work-spreadsheet-rows-columns-menu {
    border-radius: 12px;
    width: calc(100vw - 16px);
    max-width: none;
    max-height: min(68dvh, 520px);
    padding: 8px;
  }

  .work-spreadsheet-orientation-menu > button, .work-spreadsheet-rows-columns-menu > button {
    gap: 10px;
    min-height: 44px;
    padding: 9px 10px;
    font-size: 12px;
  }
}

.work-spreadsheet-cell-style-panel {
  gap: 10px;
  width: min(440px, 100vw - 32px);
  padding: 9px;
  display: grid;
}

.work-spreadsheet-cell-style-group {
  border: 0;
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-spreadsheet-cell-style-group + .work-spreadsheet-cell-style-group {
  border-top: 1px solid var(--a3s-line);
  padding-top: 8px;
}

.work-spreadsheet-cell-style-group-label {
  color: var(--a3s-faint);
  padding-inline: 2px;
  font-size: 11px;
  font-weight: 650;
  line-height: 16px;
}

.work-spreadsheet-cell-style-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  display: grid;
}

.work-spreadsheet-cell-style-grid > button {
  min-width: 0;
  min-height: 64px;
  color: var(--a3s-muted);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 7px;
  outline: 0;
  align-content: start;
  gap: 4px;
  padding: 4px;
  display: grid;
}

.work-spreadsheet-cell-style-preview {
  border: 1px solid color-mix(in srgb, currentcolor 28%, var(--a3s-line));
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 4px;
  align-items: center;
  min-width: 0;
  height: 29px;
  padding-inline: 7px;
  line-height: 1;
  display: flex;
  overflow: hidden;
}

.work-spreadsheet-cell-style-description {
  min-width: 0;
  color: var(--a3s-faint);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 10px;
  line-height: 13px;
  display: -webkit-box;
  overflow: hidden;
}

.work-spreadsheet-cell-style-grid > button:hover:not(:disabled), .work-spreadsheet-cell-style-grid > button:focus-visible {
  border-color: color-mix(in srgb,
    var(--work-office-control-accent, #159469) 38%,
    var(--a3s-line));
  background: var(--a3s-panel-soft);
}

.work-spreadsheet-cell-style-grid > button:focus-visible {
  box-shadow: 0 0 0 2px
    color-mix(in srgb,
      var(--work-office-control-accent, #159469) 18%,
      transparent);
}

.work-spreadsheet-cell-style-grid > button[aria-checked="true"] {
  border-color: color-mix(in srgb,
    var(--work-office-control-accent, #159469) 58%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--work-office-control-accent, #159469) 7%,
    var(--a3s-panel));
}

.work-spreadsheet-cell-style-grid > button:disabled {
  cursor: not-allowed;
  opacity: .42;
}

@media (width <= 520px) {
  .work-spreadsheet-cell-style-panel {
    width: min(328px, 100vw - 24px);
    max-height: calc(100dvh - 24px);
    padding: 8px;
  }

  .work-spreadsheet-cell-style-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.work-spreadsheet-border-split-root, .work-spreadsheet-underline-split-root {
  border-radius: 6px;
  flex: none;
  align-items: stretch;
  height: 29px;
  display: inline-flex;
}

.work-office-ribbon .work-office-toolbar .work-spreadsheet-underline-split-root {
  height: 24px;
}

.work-office-ribbon .work-office-toolbar .work-spreadsheet-underline-primary, .work-office-ribbon .work-office-toolbar .work-spreadsheet-underline-disclosure {
  border-radius: 0;
  height: 24px;
  padding: 0;
}

.work-office-ribbon .work-office-toolbar .work-spreadsheet-underline-primary {
  border-radius: 6px 0 0 6px;
  width: 23px;
  min-width: 23px;
}

.work-office-ribbon .work-office-toolbar .work-spreadsheet-underline-disclosure {
  border-left: 1px solid color-mix(in srgb, var(--a3s-line) 72%, transparent);
  border-radius: 0 6px 6px 0;
  width: 12px;
  min-width: 12px;
}

.work-spreadsheet-underline-disclosure svg {
  transition: transform .12s;
}

.work-spreadsheet-underline-disclosure[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.work-spreadsheet-underline-primary:focus-visible, .work-spreadsheet-underline-disclosure:focus-visible {
  box-shadow: inset 0 0 0 1px var(--work-spreadsheet-accent);
  outline: 0;
}

.work-spreadsheet-underline-menu {
  width: min(252px, 100vw - 32px);
}

.work-spreadsheet-underline-menu > button {
  grid-template-columns: 22px minmax(0, 1fr) 14px;
}

.work-spreadsheet-underline-menu > button[aria-checked="true"] {
  background: color-mix(in srgb,
    var(--work-office-menu-accent) 9%,
    transparent);
}

.work-spreadsheet-underline-menu > button[aria-checked="true"]:after {
  color: var(--work-office-menu-accent);
  content: "✓";
  text-align: center;
  grid-column: 3;
  font-size: 12px;
  font-weight: 700;
}

.work-spreadsheet-underline-glyph {
  width: 20px;
  height: 20px;
  color: var(--work-office-menu-accent);
  place-items: center;
  display: grid;
  position: relative;
}

.work-spreadsheet-underline-glyph[data-underline-style="none"] {
  opacity: .42;
}

.work-spreadsheet-underline-glyph[data-underline-style="none"]:after {
  content: "";
  background: currentColor;
  width: 18px;
  height: 1px;
  position: absolute;
  transform: rotate(-38deg);
}

.work-spreadsheet-underline-glyph[data-underline-style="double"]:before {
  content: "";
  background: currentColor;
  height: 1px;
  position: absolute;
  bottom: 1px;
  left: 2px;
  right: 2px;
}

.work-spreadsheet-underline-glyph[data-underline-style="singleAccounting"] svg line, .work-spreadsheet-underline-glyph[data-underline-style="doubleAccounting"] svg line {
  display: none;
}

.work-spreadsheet-underline-glyph[data-underline-style="singleAccounting"]:after, .work-spreadsheet-underline-glyph[data-underline-style="doubleAccounting"]:before, .work-spreadsheet-underline-glyph[data-underline-style="doubleAccounting"]:after {
  content: "";
  background: currentColor;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
}

.work-spreadsheet-underline-glyph[data-underline-style="singleAccounting"]:after {
  bottom: 1px;
}

.work-spreadsheet-underline-glyph[data-underline-style="doubleAccounting"]:before {
  bottom: 3px;
}

.work-spreadsheet-underline-glyph[data-underline-style="doubleAccounting"]:after {
  bottom: 0;
}

.work-office-ribbon .work-office-toolbar .work-spreadsheet-border-primary, .work-office-ribbon .work-office-toolbar .work-spreadsheet-border-disclosure {
  border-radius: 0;
  height: 24px;
  padding: 0;
}

.work-office-ribbon .work-office-toolbar .work-spreadsheet-border-primary {
  border-radius: 6px 0 0 6px;
  width: 26px;
  min-width: 26px;
}

.work-office-ribbon .work-office-toolbar .work-spreadsheet-border-disclosure {
  border-left: 1px solid color-mix(in srgb, var(--a3s-line) 72%, transparent);
  border-radius: 0 6px 6px 0;
  width: 16px;
  min-width: 16px;
}

.work-spreadsheet-border-disclosure svg {
  transition: transform .12s;
}

.work-spreadsheet-border-disclosure[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.work-spreadsheet-border-primary:focus-visible, .work-spreadsheet-border-disclosure:focus-visible {
  box-shadow: inset 0 0 0 1px var(--work-spreadsheet-accent);
  outline: 0;
}

.work-spreadsheet-border-panel {
  --work-office-menu-accent: var(--work-office-control-accent, #159469);
  width: min(360px, 100vw - 32px);
  padding: 8px;
}

.work-spreadsheet-border-section-label {
  color: var(--a3s-faint);
  padding: 2px 6px 7px;
  font-size: 10px;
  font-weight: 650;
}

.work-spreadsheet-border-targets {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
  display: grid;
}

.work-spreadsheet-border-targets > button {
  min-width: 0;
  min-height: 32px;
  color: var(--a3s-muted);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 4px 7px;
  display: grid;
}

.work-spreadsheet-border-targets > button:hover:not(:disabled), .work-spreadsheet-border-targets > button:focus-visible, .work-spreadsheet-border-targets > button[aria-checked="true"] {
  background: color-mix(in srgb,
    var(--work-office-menu-accent) 10%,
    var(--a3s-panel));
  color: var(--a3s-ink);
  outline: 0;
}

.work-spreadsheet-border-targets > button:focus-visible {
  box-shadow: inset 0 0 0 1px var(--work-office-menu-accent);
}

.work-spreadsheet-border-targets > button:disabled {
  cursor: not-allowed;
  opacity: .4;
}

.work-spreadsheet-border-target-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
}

.work-spreadsheet-border-targets kbd {
  color: var(--a3s-faint);
  font: inherit;
  white-space: nowrap;
  font-size: 8px;
}

.work-spreadsheet-border-glyph {
  border: 1px solid color-mix(in srgb, currentcolor 34%, transparent);
  width: 17px;
  height: 17px;
  color: var(--work-office-menu-accent, var(--work-spreadsheet-accent));
  flex: 0 0 17px;
  display: block;
  position: relative;
}

.work-spreadsheet-border-glyph:before, .work-spreadsheet-border-glyph:after {
  content: "";
  position: absolute;
}

.work-spreadsheet-border-glyph[data-border-target="top"] {
  border-top: 2px solid;
}

.work-spreadsheet-border-glyph[data-border-target="bottom"] {
  border-bottom: 2px solid;
}

.work-spreadsheet-border-glyph[data-border-target="left"] {
  border-left: 2px solid;
}

.work-spreadsheet-border-glyph[data-border-target="right"] {
  border-right: 2px solid;
}

.work-spreadsheet-border-glyph[data-border-target="outside"], .work-spreadsheet-border-glyph[data-border-target="all"] {
  border: 2px solid;
}

.work-spreadsheet-border-glyph[data-border-target="inside"]:before, .work-spreadsheet-border-glyph[data-border-target="all"]:before, .work-spreadsheet-border-glyph[data-border-target="vertical"]:before {
  border-left: 1px solid;
  top: 1px;
  bottom: 1px;
  left: 7px;
}

.work-spreadsheet-border-glyph[data-border-target="inside"]:after, .work-spreadsheet-border-glyph[data-border-target="all"]:after, .work-spreadsheet-border-glyph[data-border-target="horizontal"]:after {
  border-top: 1px solid;
  top: 7px;
  left: 1px;
  right: 1px;
}

.work-spreadsheet-border-glyph[data-border-target="none"] {
  border-style: dashed;
}

.work-spreadsheet-border-glyph[data-border-target="none"]:before, .work-spreadsheet-border-glyph[data-border-target="diagonal-up"]:before, .work-spreadsheet-border-glyph[data-border-target="diagonalUp"]:before {
  border-top: 1px solid;
  top: 7px;
  left: -1px;
  right: -1px;
  transform: rotate(-45deg);
}

.work-spreadsheet-border-glyph[data-border-target="diagonal-down"]:before, .work-spreadsheet-border-glyph[data-border-target="diagonalDown"]:before, .work-spreadsheet-border-glyph[data-border-target="none"]:after {
  border-top: 1px solid;
  top: 7px;
  left: -1px;
  right: -1px;
  transform: rotate(45deg);
}

.work-spreadsheet-border-settings {
  border-top: 1px solid var(--a3s-line);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  margin-top: 8px;
  padding: 9px 6px 2px;
  display: grid;
}

.work-spreadsheet-border-settings > .work-office-field {
  min-width: 0;
  color: var(--a3s-faint);
  gap: 5px;
  font-size: 10px;
  display: grid;
}

.work-spreadsheet-border-settings .work-office-select, .work-spreadsheet-border-settings .work-office-color-picker {
  width: 100%;
  min-width: 0;
}

.work-spreadsheet-border-settings .work-office-select > button[role="combobox"], .work-spreadsheet-border-settings .work-office-color-trigger {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 28px;
}

@media (width <= 480px) {
  .work-spreadsheet-border-panel {
    width: min(276px, 100vw - 24px);
  }

  .work-spreadsheet-border-targets > button {
    grid-template-columns: 22px minmax(0, 1fr);
    min-height: 44px;
  }

  .work-spreadsheet-border-targets kbd {
    display: none;
  }

  .work-spreadsheet-border-settings {
    grid-template-columns: 1fr;
  }
}

.work-spreadsheet-sheet-list {
  min-width: 220px;
}

.work-spreadsheet-sheet-list > button[aria-checked="true"] {
  background: color-mix(in srgb,
    var(--work-spreadsheet-menu-accent) 10%,
    var(--a3s-panel));
  color: color-mix(in srgb,
    var(--work-spreadsheet-menu-accent) 78%,
    var(--a3s-ink));
  font-weight: 650;
}

.work-spreadsheet-sheet-color-row {
  min-width: 0;
  color: var(--a3s-muted);
  border: 0;
  margin: 0;
  padding: 5px 8px 8px;
}

.work-spreadsheet-sheet-color-row-label {
  align-items: center;
  gap: 8px;
  padding: 0;
  font-size: 11px;
  display: flex;
}

.work-spreadsheet-sheet-color-row > div {
  gap: 7px;
  padding: 7px 0 0 26px;
  display: flex;
}

.work-spreadsheet-sheet-color-row > div > button {
  border: 2px solid var(--a3s-panel);
  cursor: pointer;
  border-radius: 50%;
  outline: 1px solid #0000;
  width: 17px;
  height: 17px;
  padding: 0;
}

.work-spreadsheet-sheet-color-row > div > button:hover, .work-spreadsheet-sheet-color-row > div > button:focus-visible, .work-spreadsheet-sheet-color-row > div > button.active {
  outline-color: var(--work-spreadsheet-menu-accent);
  outline-offset: 1px;
  transform: scale(1.06);
}

.work-spreadsheet-sheet-color-row > div > button.clear {
  border-color: var(--a3s-line-strong);
  background: var(--a3s-panel);
  position: relative;
}

.work-spreadsheet-sheet-color-row > div > button.clear:after {
  background: var(--a3s-red);
  content: "";
  height: 1px;
  position: absolute;
  top: 7px;
  left: 1px;
  right: 1px;
  transform: rotate(-45deg);
}

.work-spreadsheet-footer .work-spreadsheet-status {
  z-index: auto;
  width: auto;
  height: calc(var(--work-spreadsheet-footer-height) - 1px);
  border-top: 0;
  border-left: 1px solid var(--work-spreadsheet-grid-line);
  background: none;
  flex: 0 auto;
  gap: 10px;
  min-width: 0;
  padding: 0 8px 0 10px;
}

.work-spreadsheet-footer .work-spreadsheet-status .work-office-status-info {
  flex: 0 auto;
  gap: 10px;
}

.work-spreadsheet-footer .work-spreadsheet-status .work-office-status-view {
  gap: 2px;
}

.work-spreadsheet-footer .work-spreadsheet-status button {
  border-radius: 4px;
  width: 22px;
  height: 22px;
}

.work-spreadsheet-view-mode {
  background: var(--work-spreadsheet-chrome-active);
  width: 22px;
  height: 22px;
  color: var(--work-spreadsheet-accent);
  border-radius: 4px;
  flex: 0 0 22px;
  place-items: center;
  display: grid;
}

.work-spreadsheet-footer .work-spreadsheet-status .work-office-status-slider {
  width: 72px;
}

@media (width <= 980px) {
  .work-spreadsheet-footer .work-office-save-status, .work-spreadsheet-footer [aria-label="表格选区统计"] {
    display: none;
  }

  .work-spreadsheet-footer .work-spreadsheet-status .work-office-status-slider {
    width: 62px;
  }
}

@media (width <= 720px) {
  .work-spreadsheet-footer:has(.work-spreadsheet-sheet-tab.invalid) {
    --work-spreadsheet-footer-height: 54px;
  }

  .work-spreadsheet-footer:has(.work-spreadsheet-sheet-tab.renaming) .work-spreadsheet-sheet-tools, .work-spreadsheet-footer:has(.work-spreadsheet-sheet-tab.renaming) .work-spreadsheet-status {
    display: none;
  }

  .work-spreadsheet-footer:has(.work-spreadsheet-sheet-tab.renaming) .work-spreadsheet-sheet-bar {
    min-width: 0;
  }

  .work-spreadsheet-footer:has(.work-spreadsheet-sheet-tab.renaming) .work-spreadsheet-sheet-tabs {
    scroll-padding-inline: 0;
  }

  .work-spreadsheet-footer:has(.work-spreadsheet-sheet-tab.renaming) .work-spreadsheet-sheet-tab:not(.renaming) {
    display: none;
  }

  .work-spreadsheet-sheet-tab.renaming {
    border-right: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .work-spreadsheet-sheet-tab.renaming > input {
    width: calc(100% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }

  .work-spreadsheet-sheet-tab.invalid {
    height: calc(var(--work-spreadsheet-footer-height) - 1px);
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .work-spreadsheet-sheet-tab.invalid > input {
    flex: 0 0 23px;
    align-self: stretch;
    width: auto;
    margin: 4px 8px 1px;
  }

  .work-spreadsheet-sheet-tab.invalid .work-spreadsheet-sheet-rename-error {
    text-align: left;
    text-overflow: clip;
    white-space: nowrap;
    align-self: stretch;
    width: auto;
    padding: 0 8px 5px;
    font-size: 11px;
    overflow: visible;
  }

  .work-spreadsheet-sheet-tools {
    min-width: 58px;
  }

  .work-spreadsheet-sheet-bar[data-editable="false"] .work-spreadsheet-sheet-tools {
    min-width: 31px;
  }

  .work-spreadsheet-sheet-navigation {
    display: none !important;
  }

  .work-spreadsheet-sheet-tab.active .work-spreadsheet-sheet-options {
    opacity: 1;
  }

  .work-spreadsheet-footer .work-spreadsheet-status {
    padding-left: 6px;
  }

  .work-spreadsheet-footer .work-spreadsheet-status .work-office-status-info, .work-spreadsheet-footer .work-office-status-divider, .work-spreadsheet-footer [aria-label="普通表格视图"] {
    display: none;
  }

  .work-spreadsheet-footer .work-spreadsheet-status .work-office-status-slider {
    width: 54px;
  }
}

@media (forced-colors: active) {
  .work-spreadsheet-sheet-tab.active, .work-spreadsheet-sheet-tab > button[role="tab"]:focus-visible, .work-spreadsheet-sheet-tools > button:focus-visible, .work-spreadsheet-sheet-tools .ds-popover > button:focus-visible {
    outline-offset: -1px;
    outline: 1px solid highlight;
  }
}

.work-spreadsheet-editor[data-sheet-headings="hidden"] .fortune-row-header, .work-spreadsheet-editor[data-sheet-headings="hidden"] .fortune-col-header, .work-spreadsheet-editor[data-sheet-headings="hidden"] .fortune-col-header-wrap {
  pointer-events: none;
  visibility: hidden;
}

.work-spreadsheet-format-cells-dialog {
  width: min(760px, 100%);
}

.work-spreadsheet-format-cells-dialog > .ds-dialog-body {
  padding-top: 0;
}

.work-spreadsheet-format-cells-tabs.ds-tabs {
  border-bottom: 1px solid var(--a3s-line);
  scrollbar-width: thin;
  gap: 0;
  overflow-x: auto;
}

.work-spreadsheet-format-cells-tabs.ds-tabs > button {
  flex: 1 0 auto;
  min-width: max-content;
  padding-inline: 13px;
}

.work-spreadsheet-format-cells-dialog form {
  min-height: 290px;
}

.work-spreadsheet-format-cells-panel {
  outline: 0;
  min-height: 270px;
  padding: 20px 2px 4px;
}

.work-spreadsheet-format-cells-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
  display: grid;
}

.work-spreadsheet-format-cells-grid.font {
  align-items: start;
}

.work-spreadsheet-format-cells-field {
  min-width: 0;
  color: var(--a3s-muted);
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  display: grid;
}

.work-spreadsheet-format-cells-field > .work-office-select, .work-spreadsheet-format-cells-field > .work-office-number-field, .work-spreadsheet-format-cells-field > .work-office-text-field, .work-spreadsheet-format-cells-field > .work-office-color-picker, .work-spreadsheet-format-cells-field > .work-office-select > button[role="combobox"], .work-spreadsheet-format-cells-field .work-office-color-trigger {
  width: 100%;
}

.work-spreadsheet-format-cells-field > .work-office-text-field {
  min-height: 29px;
}

.work-spreadsheet-format-cells-number {
  grid-template-columns: minmax(150px, .7fr) minmax(240px, 1.3fr);
  gap: 16px 20px;
  display: grid;
}

.work-spreadsheet-format-cells-number > [role="alert"], .work-spreadsheet-format-cells-grid > [role="alert"] {
  color: var(--a3s-red);
  grid-column: 1 / -1;
  margin: -8px 0 0;
  font-size: 11px;
}

.work-spreadsheet-format-cells-sample {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  border-radius: 10px;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: center;
  gap: 7px 16px;
  min-height: 104px;
  padding: 16px 18px;
  display: grid;
}

.work-spreadsheet-format-cells-sample > span {
  color: var(--a3s-muted);
  grid-column: 1 / -1;
  font-size: 10px;
  font-weight: 650;
}

.work-spreadsheet-format-cells-sample > output {
  color: var(--a3s-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 22px;
  font-weight: 650;
  overflow: hidden;
}

.work-spreadsheet-format-cells-sample > small {
  color: var(--a3s-muted);
  font-family: var(--font-mono);
  align-self: center;
  font-size: 10px;
}

.work-spreadsheet-format-cells-options {
  border: 1px solid var(--a3s-line);
  border-radius: 8px;
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 9px 12px;
  display: grid;
}

.work-spreadsheet-format-cells-options > legend {
  color: var(--a3s-muted);
  padding: 0 4px;
  font-size: 10px;
  font-weight: 650;
}

.work-spreadsheet-format-cells-options.emphasis {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-spreadsheet-format-cells-font-preview {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  text-align: center;
  border-radius: 9px;
  grid-column: 1 / -1;
  place-items: center;
  min-height: 72px;
  padding: 12px;
  display: grid;
  overflow: hidden;
}

.work-spreadsheet-format-cells-border {
  gap: 18px;
  display: grid;
}

.work-spreadsheet-format-cells-border-tools {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  display: grid;
}

.work-spreadsheet-format-cells-border-layout {
  grid-template-columns: minmax(190px, .8fr) minmax(220px, 1.2fr);
  align-items: center;
  gap: 24px;
  display: grid;
}

.work-spreadsheet-format-cells-border-actions {
  grid-template-columns: repeat(5, 34px);
  gap: 8px;
  display: grid;
}

.work-spreadsheet-format-cells-border-actions > .ds-button {
  grid-column: 1 / -1;
  justify-self: start;
}

.work-spreadsheet-border-edge {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  cursor: pointer;
  border-radius: 7px;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 7px;
  display: grid;
  position: relative;
}

.work-spreadsheet-border-edge:hover, .work-spreadsheet-border-edge[aria-pressed="true"] {
  border-color: color-mix(in srgb, var(--a3s-green) 48%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-green) 9%, var(--a3s-panel));
}

.work-spreadsheet-border-edge > span {
  border: 1px solid var(--a3s-line-strong);
  width: 18px;
  height: 18px;
  position: relative;
}

.work-spreadsheet-border-edge.top > span {
  border-top: 2px solid;
}

.work-spreadsheet-border-edge.bottom > span {
  border-bottom: 2px solid;
}

.work-spreadsheet-border-edge.left > span {
  border-left: 2px solid;
}

.work-spreadsheet-border-edge.right > span {
  border-right: 2px solid;
}

.work-spreadsheet-border-edge.diagonalDown > span:after, .work-spreadsheet-border-edge.diagonalUp > span:after {
  content: "";
  border-top: 2px solid;
  width: 20px;
  position: absolute;
  top: 8px;
  left: -2px;
}

.work-spreadsheet-border-edge.diagonalDown > span:after {
  transform: rotate(45deg);
}

.work-spreadsheet-border-edge.diagonalUp > span:after {
  transform: rotate(-45deg);
}

.work-spreadsheet-format-cells-border-preview {
  border: 1px dashed var(--a3s-line-strong);
  background: var(--a3s-panel-soft);
  justify-self: center;
  place-items: center;
  width: min(220px, 100%);
  height: 126px;
  display: grid;
  position: relative;
}

.work-spreadsheet-format-cells-border-preview > span {
  pointer-events: none;
  position: absolute;
  inset: 10px;
}

.work-spreadsheet-format-cells-border-preview > .diagonal-down, .work-spreadsheet-format-cells-border-preview > .diagonal-up {
  inset: 50% 5%;
}

.work-spreadsheet-format-cells-border-preview > .diagonal-down {
  transform: rotate(26deg);
}

.work-spreadsheet-format-cells-border-preview > .diagonal-up {
  transform: rotate(-26deg);
}

.work-spreadsheet-format-cells-border-preview > strong {
  color: var(--a3s-muted);
  font-size: 12px;
  font-weight: 600;
}

.work-spreadsheet-format-cells-fill {
  gap: 18px;
  display: grid;
}

.work-spreadsheet-format-cells-fill-modes.ds-segmented-control {
  width: min(460px, 100%);
}

.work-spreadsheet-format-cells-fill-layout {
  grid-template-columns: minmax(0, 1fr) minmax(210px, .68fr);
  align-items: start;
  gap: 22px;
  display: grid;
}

.work-spreadsheet-format-cells-fill-controls, .work-spreadsheet-format-cells-pattern-controls, .work-spreadsheet-format-cells-gradient-controls {
  gap: 14px;
  min-width: 0;
  display: grid;
}

.work-spreadsheet-format-cells-pattern-controls {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-spreadsheet-format-cells-pattern-controls > .work-spreadsheet-format-cells-field:first-child {
  grid-column: 1 / -1;
}

.work-spreadsheet-format-cells-fill-empty-copy {
  color: var(--a3s-muted);
  margin: 0;
  font-size: 12px;
  line-height: 1.65;
}

.work-spreadsheet-format-cells-fill-controls > [role="alert"] {
  color: var(--a3s-red);
  margin: 0;
  font-size: 11px;
  line-height: 1.55;
}

.work-spreadsheet-format-cells-gradient-geometry {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  gap: 12px;
  display: grid;
}

.work-spreadsheet-format-cells-path-geometry {
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  display: grid;
}

.work-spreadsheet-format-cells-gradient-stops-heading {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding-top: 2px;
  display: flex;
}

.work-spreadsheet-format-cells-gradient-stops-heading > div {
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.work-spreadsheet-format-cells-gradient-stops-heading strong {
  color: var(--a3s-ink);
  font-size: 11px;
  font-weight: 650;
}

.work-spreadsheet-format-cells-gradient-stops-heading span {
  color: var(--a3s-muted);
  font-size: 10px;
}

.work-spreadsheet-format-cells-gradient-stops-heading > .ds-button {
  flex: none;
  gap: 5px;
}

.work-spreadsheet-format-cells-gradient-stops {
  border-block: 1px solid var(--a3s-line);
  scrollbar-width: thin;
  max-height: 214px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: auto;
}

.work-spreadsheet-format-cells-gradient-stop {
  grid-template-columns: 20px minmax(112px, 1fr) minmax(86px, .7fr) 28px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 2px;
  display: grid;
}

.work-spreadsheet-format-cells-gradient-stop + .work-spreadsheet-format-cells-gradient-stop {
  border-top: 1px solid var(--a3s-line);
}

.work-spreadsheet-format-cells-gradient-stop-index {
  color: var(--a3s-muted);
  font-variant-numeric: tabular-nums;
  text-align: center;
  font-size: 10px;
}

.work-spreadsheet-format-cells-gradient-stop > .work-office-color-picker, .work-spreadsheet-format-cells-gradient-stop .work-office-color-trigger {
  width: 100%;
}

.work-spreadsheet-format-cells-stop-position {
  min-width: 0;
  color: var(--a3s-muted);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  display: grid;
}

.work-spreadsheet-format-cells-gradient-stop-remove.ds-icon-button {
  width: 28px;
  height: 28px;
}

.work-spreadsheet-format-cells-gradient-help {
  color: var(--a3s-muted);
  font-size: 10px;
  line-height: 1.55;
}

.work-spreadsheet-format-cells-fill-preview {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  border-radius: 9px;
  min-width: 0;
  margin: 0;
  display: grid;
  overflow: hidden;
}

.work-spreadsheet-format-cells-fill-preview > canvas {
  width: 100%;
  height: 142px;
  display: block;
}

.work-spreadsheet-format-cells-fill-preview.none > canvas {
  background: linear-gradient(45deg, var(--a3s-line) 25%, transparent 25%) 0 0 / 16px 16px,
    linear-gradient(-45deg, var(--a3s-line) 25%, transparent 25%) 0 8px / 16px
    16px,
    linear-gradient(45deg, transparent 75%, var(--a3s-line) 75%) 8px -8px / 16px
    16px,
    linear-gradient(-45deg, transparent 75%, var(--a3s-line) 75%) -8px 0 / 16px
    16px;
}

.work-spreadsheet-format-cells-fill-preview > figcaption {
  border-top: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  color: var(--a3s-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 9px 11px;
  font-size: 10px;
  font-weight: 600;
  overflow: hidden;
}

.work-spreadsheet-format-cells-protection {
  gap: 8px;
  max-width: 460px;
  display: grid;
}

.work-spreadsheet-format-cells-protection > p, .work-spreadsheet-format-cells-mixed {
  color: var(--a3s-muted);
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.6;
}

.work-spreadsheet-format-cells-mixed {
  grid-column: 1 / -1;
}

@media (width <= 620px) {
  .work-spreadsheet-format-cells-dialog form {
    min-height: 360px;
  }

  .work-spreadsheet-format-cells-panel {
    min-height: 340px;
  }

  .work-spreadsheet-format-cells-grid, .work-spreadsheet-format-cells-number, .work-spreadsheet-format-cells-border-tools, .work-spreadsheet-format-cells-border-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-spreadsheet-format-cells-border-layout {
    align-items: start;
  }

  .work-spreadsheet-format-cells-border-preview {
    width: 100%;
    height: 100px;
  }

  .work-spreadsheet-format-cells-fill {
    gap: 14px;
  }

  .work-spreadsheet-format-cells-fill-modes.ds-segmented-control {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-columns: auto;
    grid-auto-flow: row;
  }

  .work-spreadsheet-format-cells-fill-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .work-spreadsheet-format-cells-fill-preview {
    grid-row: 1;
  }

  .work-spreadsheet-format-cells-fill-controls {
    grid-row: 2;
  }

  .work-spreadsheet-format-cells-fill-preview > canvas {
    height: 108px;
  }
}

@media (width <= 420px) {
  .work-spreadsheet-format-cells-pattern-controls, .work-spreadsheet-format-cells-gradient-geometry, .work-spreadsheet-format-cells-path-geometry {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-spreadsheet-format-cells-gradient-stop {
    grid-template-columns: 18px minmax(88px, 1fr) 80px 28px;
    gap: 6px;
  }
}

.work-spreadsheet-data-validation-dialog {
  --work-office-control-accent: var(--work-spreadsheet-accent, #159469);
  width: min(640px, 100%);
}

.work-spreadsheet-data-validation-dialog form {
  gap: 18px;
  display: grid;
}

.work-spreadsheet-data-validation-dialog section {
  gap: 12px;
  min-width: 0;
  display: grid;
}

.work-spreadsheet-data-validation-dialog section + section {
  border-top: 1px solid var(--a3s-line);
  padding-top: 16px;
}

.work-spreadsheet-data-validation-dialog h3 {
  color: var(--a3s-ink);
  margin: 0;
  font-size: 12px;
  font-weight: 650;
}

.work-spreadsheet-data-validation-scope {
  background: var(--a3s-panel-soft);
  border-radius: 8px;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 9px 11px;
  display: grid;
}

.work-spreadsheet-data-validation-scope > span {
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 11%,
    var(--a3s-panel));
  width: 32px;
  height: 32px;
  color: var(--work-spreadsheet-accent, #159469);
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.work-spreadsheet-data-validation-scope > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.work-spreadsheet-data-validation-scope strong, .work-spreadsheet-data-validation-scope small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.work-spreadsheet-data-validation-scope strong {
  color: var(--a3s-ink);
  font-size: 11px;
  font-weight: 650;
}

.work-spreadsheet-data-validation-scope small {
  color: var(--a3s-muted);
  font-size: 10px;
}

.work-spreadsheet-data-validation-mixed {
  color: color-mix(in srgb, var(--a3s-ink) 74%, #9a6900);
  margin: -6px 0 0;
  font-size: 11px;
  line-height: 1.45;
}

.work-spreadsheet-data-validation-section-heading {
  color: var(--work-spreadsheet-accent, #159469);
  align-items: center;
  gap: 7px;
  display: flex;
}

.work-spreadsheet-data-validation-condition-grid, .work-spreadsheet-data-validation-values.two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.work-spreadsheet-data-validation-values {
  gap: 8px;
  min-width: 0;
  display: grid;
}

.work-spreadsheet-data-validation-list-source, .work-spreadsheet-data-validation-custom-formula {
  gap: 8px;
  display: grid;
}

.work-spreadsheet-data-validation-formula-note {
  color: var(--a3s-muted);
  align-items: flex-start;
  gap: 6px;
  margin: -2px 0 0;
  font-size: 10px;
  line-height: 1.45;
  display: flex;
}

.work-spreadsheet-data-validation-formula-note svg {
  color: var(--work-spreadsheet-accent, #159469);
  flex: none;
  margin-top: 1px;
}

.work-spreadsheet-data-validation-inline-error {
  color: var(--a3s-danger, #c23535);
  grid-column: 1 / -1;
  font-size: 10px;
}

.work-spreadsheet-data-validation-behavior {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.work-spreadsheet-data-validation-behavior .work-office-checkbox {
  min-height: 40px;
  padding: 8px 10px;
}

.work-spreadsheet-data-validation-message-grid {
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  align-items: start;
  gap: 10px;
  display: grid;
}

.work-spreadsheet-data-validation-message-grid .ds-field.message {
  grid-column: 1 / -1;
}

.work-spreadsheet-data-validation-dialog textarea {
  resize: vertical;
  min-height: 70px;
}

.work-spreadsheet-data-validation-error {
  color: var(--a3s-danger, #c23535);
  margin: 0;
  font-size: 11px;
}

.work-spreadsheet-data-validation-remove {
  margin-right: auto;
}

@media (width <= 900px) {
  .work-spreadsheet-canvas #luckysheet-dataVerification-dropdown-btn {
    left: calc(100% - 24px) !important;
  }

  .work-spreadsheet-canvas #luckysheet-dataVerification-dropdown-List {
    max-width: calc(100% - 8px);
    left: auto !important;
    right: 4px !important;
  }
}

@media (width <= 560px) {
  .work-spreadsheet-data-validation-condition-grid, .work-spreadsheet-data-validation-values.two, .work-spreadsheet-data-validation-behavior, .work-spreadsheet-data-validation-message-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.work-spreadsheet-auto-filter-dialog {
  --work-office-control-accent: var(--work-spreadsheet-accent, #159469);
  width: min(560px, 100%);
}

.work-spreadsheet-auto-filter-form {
  gap: 16px;
  display: grid;
}

.work-spreadsheet-auto-filter-values {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.work-spreadsheet-auto-filter-values > :only-child {
  grid-column: 1 / -1;
}

.work-spreadsheet-auto-filter-add-condition, .work-spreadsheet-auto-filter-remove-condition {
  justify-self: start;
}

.work-spreadsheet-auto-filter-compound {
  border-top: 1px solid var(--work-office-border, #d9dedb);
  gap: 12px;
  padding-top: 4px;
  display: grid;
}

.work-spreadsheet-auto-filter-conjunction {
  border: 0;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 0;
  padding: 12px 0 0;
  display: flex;
}

.work-spreadsheet-auto-filter-conjunction legend {
  width: 100%;
  color: var(--work-office-text-muted, #5b655f);
  font-size: 12px;
  font-weight: 600;
}

.work-spreadsheet-auto-filter-conjunction label {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.work-spreadsheet-auto-filter-second-condition {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.work-spreadsheet-auto-filter-clear {
  margin-right: auto;
}

@media (width <= 520px) {
  .work-spreadsheet-auto-filter-values, .work-spreadsheet-auto-filter-second-condition {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-spreadsheet-auto-filter-values > :only-child {
    grid-column: auto;
  }
}

.work-spreadsheet-sort-options-dialog {
  inline-size: min(420px, 100vw - 32px);
}

.work-spreadsheet-sort-options-form {
  gap: 16px;
  display: grid;
}

.work-spreadsheet-sort-options {
  border: 0;
  gap: 8px;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-spreadsheet-sort-options legend {
  color: var(--a3s-muted);
  margin-block-end: 8px;
  font-size: 12px;
  font-weight: 700;
}

.work-spreadsheet-sort-options-lock-note {
  color: var(--a3s-muted);
  margin: 0 0 2px;
  font-size: 11px;
  line-height: 1.45;
}

.work-spreadsheet-sort-options > label {
  border: 1px solid var(--a3s-line);
  cursor: pointer;
  border-radius: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 10px 12px;
  display: grid;
}

.work-spreadsheet-sort-options > label:has(input:checked) {
  border-color: var(--work-spreadsheet-accent, #159469);
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 10%,
    var(--a3s-panel));
}

.work-spreadsheet-sort-options input {
  accent-color: var(--work-spreadsheet-accent, #159469);
  margin-block-start: 3px;
}

.work-spreadsheet-sort-options label > span {
  gap: 3px;
  display: grid;
}

.work-spreadsheet-sort-options small {
  color: var(--a3s-muted);
  line-height: 1.4;
}

.work-spreadsheet-sort-dialog {
  --work-office-control-accent: var(--work-spreadsheet-accent, #159469);
  width: min(820px, 100%);
}

.work-spreadsheet-sort-dialog form {
  gap: 14px;
  display: grid;
}

.work-spreadsheet-sort-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.work-spreadsheet-sort-toolbar .ds-button {
  gap: 6px;
}

.work-spreadsheet-sort-toolbar-actions {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.work-spreadsheet-sort-toolbar .work-office-checkbox {
  min-height: 34px;
  padding: 6px 9px;
}

.work-spreadsheet-sort-levels {
  gap: 9px;
  max-height: min(430px, 52vh);
  padding: 1px 3px 1px 1px;
  display: grid;
  overflow: auto;
}

.work-spreadsheet-sort-level {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  border-radius: 8px;
  grid-template-columns: minmax(140px, .7fr) minmax(370px, 1.8fr) auto;
  align-items: end;
  gap: 9px;
  min-width: 0;
  padding: 10px;
  display: grid;
}

.work-spreadsheet-sort-level legend {
  color: var(--work-spreadsheet-accent, #159469);
  padding: 0 5px;
  font-size: 10px;
  font-weight: 700;
}

.work-spreadsheet-sort-level > .work-office-field, .work-spreadsheet-sort-order-controls > .work-office-field {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.work-spreadsheet-sort-level > .work-office-field > span, .work-spreadsheet-sort-order-controls > .work-office-field > span {
  color: var(--a3s-muted);
  font-size: 9px;
}

.work-spreadsheet-sort-order-controls {
  grid-template-columns: minmax(110px, .75fr) minmax(170px, 1.25fr);
  align-items: end;
  gap: 9px;
  min-width: 0;
  display: grid;
}

.work-spreadsheet-sort-order-controls[data-appearance="true"] {
  grid-template-columns: minmax(105px, .75fr) minmax(155px, 1.25fr) minmax(92px, .65fr);
}

.work-spreadsheet-sort-appearance-preview {
  min-width: 0;
  color: var(--a3s-muted);
  grid-column: 1 / -1;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  line-height: 1.4;
  display: flex;
}

.work-spreadsheet-sort-appearance-preview > span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.work-spreadsheet-sort-color-swatch {
  box-sizing: border-box;
  border: 1px solid var(--a3s-line-strong);
  border-radius: 3px;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  display: inline-block;
}

.work-spreadsheet-sort-color-swatch[data-empty="true"] {
  background: linear-gradient(135deg,
      transparent 43%,
      var(--a3s-danger, #b42318) 44%,
      var(--a3s-danger, #b42318) 56%,
      transparent 57%),
    var(--a3s-panel);
}

.work-spreadsheet-sort-level-actions {
  gap: 4px;
  display: flex;
}

.work-spreadsheet-sort-level-actions .ds-button {
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 0;
}

.work-spreadsheet-sort-custom-list-editor, .work-spreadsheet-sort-custom-list-preview {
  grid-column: 1 / -1;
  min-width: 0;
  padding-top: 1px;
}

.work-spreadsheet-sort-custom-list-editor {
  gap: 6px;
  display: grid;
}

.work-spreadsheet-sort-custom-list-editor > label {
  gap: 4px;
  display: grid;
}

.work-spreadsheet-sort-custom-list-editor > label > span, .work-spreadsheet-sort-custom-list-editor > p {
  color: var(--a3s-muted);
  margin: 0;
  font-size: 9px;
  line-height: 1.45;
}

.work-spreadsheet-sort-custom-list-editor textarea {
  box-sizing: border-box;
  resize: vertical;
  border: 1px solid var(--a3s-line-strong);
  background: var(--a3s-panel);
  width: 100%;
  min-height: 88px;
  color: var(--a3s-ink);
  font: inherit;
  border-radius: 5px;
  padding: 7px 8px;
  font-size: 11px;
  line-height: 1.45;
}

.work-spreadsheet-sort-custom-list-editor textarea:focus-visible {
  border-color: var(--work-spreadsheet-accent, #159469);
  outline: 2px solid
    color-mix(in srgb, var(--work-spreadsheet-accent, #159469) 24%, transparent);
  outline-offset: 1px;
}

.work-spreadsheet-sort-custom-list-editor > .work-spreadsheet-sort-custom-list-error {
  color: var(--a3s-danger, #b42318);
}

.work-spreadsheet-sort-custom-list-actions, .work-spreadsheet-sort-custom-list-preview {
  align-items: center;
  gap: 7px;
  display: flex;
}

.work-spreadsheet-sort-custom-list-actions {
  justify-content: flex-end;
}

.work-spreadsheet-sort-custom-list-preview code {
  min-width: 0;
  color: var(--work-spreadsheet-accent, #159469);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 10px;
  overflow: hidden;
}

.work-spreadsheet-sort-note {
  color: var(--a3s-muted);
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
}

.work-spreadsheet-sort-custom-list-manager {
  --work-office-control-accent: var(--work-spreadsheet-accent, #159469);
  width: min(720px, 100%);
}

.work-spreadsheet-sort-custom-list-manager-layout {
  grid-template-columns: minmax(220px, .85fr) minmax(280px, 1.15fr);
  gap: 14px;
  display: grid;
}

.work-spreadsheet-sort-custom-list-manager-layout > section, .work-spreadsheet-sort-custom-list-manager-layout label {
  gap: 7px;
  min-width: 0;
  display: grid;
}

.work-spreadsheet-sort-custom-list-manager-layout > section {
  align-content: start;
}

.work-spreadsheet-sort-custom-list-manager-layout label > span {
  color: var(--a3s-muted);
  font-size: 10px;
  font-weight: 650;
}

.work-spreadsheet-sort-custom-list-manager select, .work-spreadsheet-sort-custom-list-manager textarea {
  box-sizing: border-box;
  border: 1px solid var(--a3s-line-strong);
  background: var(--a3s-panel);
  width: 100%;
  min-width: 0;
  min-height: 252px;
  color: var(--a3s-ink);
  font: inherit;
  border-radius: 6px;
  padding: 8px;
  font-size: 11px;
  line-height: 1.5;
}

.work-spreadsheet-sort-custom-list-manager textarea {
  resize: vertical;
}

.work-spreadsheet-sort-custom-list-manager textarea[readonly] {
  background: var(--a3s-panel-soft);
  color: var(--a3s-muted);
}

.work-spreadsheet-sort-custom-list-manager select:focus-visible, .work-spreadsheet-sort-custom-list-manager textarea:focus-visible {
  border-color: var(--work-spreadsheet-accent, #159469);
  outline: 2px solid
    color-mix(in srgb, var(--work-spreadsheet-accent, #159469) 24%, transparent);
  outline-offset: 1px;
}

.work-spreadsheet-sort-custom-list-manager-layout section > p, .work-spreadsheet-sort-custom-list-manager-note {
  color: var(--a3s-muted);
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
}

.work-spreadsheet-sort-custom-list-manager-layout section > .work-spreadsheet-sort-custom-list-error {
  color: var(--a3s-danger, #b42318);
}

.work-spreadsheet-sort-custom-list-manager-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  display: flex;
}

.work-spreadsheet-sort-custom-list-manager-actions .ds-button {
  gap: 6px;
}

.work-spreadsheet-sort-custom-list-manager-actions .ds-button[aria-label] {
  width: 34px;
  min-width: 34px;
  padding-inline: 0;
}

.work-spreadsheet-sort-custom-list-manager-note {
  margin-block-start: 12px;
}

.work-spreadsheet-sort-range-dialog {
  --work-office-control-accent: var(--work-spreadsheet-accent, #159469);
  width: min(500px, 100%);
}

.work-spreadsheet-sort-range-options {
  border: 0;
  gap: 9px;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-spreadsheet-sort-range-options legend {
  color: var(--a3s-muted);
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 650;
}

.work-spreadsheet-sort-range-options > label {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  cursor: pointer;
  border-radius: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 11px;
  display: grid;
}

.work-spreadsheet-sort-range-options > label:has(input:checked) {
  border-color: var(--work-spreadsheet-accent, #159469);
  box-shadow: 0 0 0 1px
    color-mix(in srgb, var(--work-spreadsheet-accent, #159469) 22%, transparent);
}

.work-spreadsheet-sort-range-options > label:has(input:disabled) {
  cursor: not-allowed;
  opacity: .55;
}

.work-spreadsheet-sort-range-options input {
  accent-color: var(--work-spreadsheet-accent, #159469);
  margin: 2px 0 0;
}

.work-spreadsheet-sort-range-options label > span {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.work-spreadsheet-sort-range-options strong {
  color: var(--a3s-ink);
  font-size: 11px;
}

.work-spreadsheet-sort-range-options small {
  color: var(--a3s-muted);
  font-size: 10px;
  line-height: 1.45;
}

.work-spreadsheet-sort-range-options code {
  width: fit-content;
  max-width: 100%;
  color: var(--work-spreadsheet-accent, #159469);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}

@media (width <= 700px) {
  .work-spreadsheet-sort-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .work-spreadsheet-sort-toolbar-actions {
    flex-wrap: wrap;
  }

  .work-spreadsheet-sort-custom-list-manager-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-spreadsheet-sort-custom-list-manager select, .work-spreadsheet-sort-custom-list-manager textarea {
    min-height: 180px;
  }

  .work-spreadsheet-sort-level {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-spreadsheet-sort-order-controls, .work-spreadsheet-sort-order-controls[data-appearance="true"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .work-spreadsheet-sort-order-controls[data-appearance="true"] > .work-spreadsheet-sort-position-field {
    grid-column: 1 / -1;
  }

  .work-spreadsheet-sort-level-actions {
    justify-content: flex-end;
  }
}

@media (width <= 430px) {
  .work-spreadsheet-sort-order-controls, .work-spreadsheet-sort-order-controls[data-appearance="true"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-spreadsheet-sort-order-controls[data-appearance="true"] > .work-spreadsheet-sort-position-field {
    grid-column: auto;
  }
}

.work-spreadsheet-hyperlink-dialog {
  --work-office-control-accent: var(--work-spreadsheet-accent, #159469);
  width: min(610px, 100%);
}

.work-spreadsheet-hyperlink-dialog form {
  gap: 18px;
  display: grid;
}

.work-spreadsheet-hyperlink-types {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.work-spreadsheet-hyperlink-types > legend {
  color: var(--a3s-muted);
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
}

.work-spreadsheet-hyperlink-types > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}

.work-spreadsheet-hyperlink-types label {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-width: 0;
  min-height: 62px;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 8px;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  display: grid;
  position: relative;
}

.work-spreadsheet-hyperlink-types label:hover {
  border-color: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 42%,
    var(--a3s-line));
}

.work-spreadsheet-hyperlink-types label.selected {
  border-color: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 58%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 8%,
    var(--a3s-panel));
  color: var(--work-spreadsheet-accent, #159469);
}

.work-spreadsheet-hyperlink-types label:has(input:focus-visible) {
  outline: 2px solid
    color-mix(in srgb, var(--work-spreadsheet-accent, #159469) 38%, transparent);
  outline-offset: 2px;
}

.work-spreadsheet-hyperlink-types input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}

.work-spreadsheet-hyperlink-types label > span {
  gap: 1px;
  min-width: 0;
  display: grid;
}

.work-spreadsheet-hyperlink-types strong, .work-spreadsheet-hyperlink-types small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.work-spreadsheet-hyperlink-types strong {
  color: var(--a3s-ink);
  font-size: 11px;
  font-weight: 650;
}

.work-spreadsheet-hyperlink-types small {
  color: var(--a3s-muted);
  font-size: 9px;
}

.work-spreadsheet-hyperlink-preview {
  background: var(--a3s-panel-soft);
  border-radius: 8px;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 56px;
  padding: 9px 11px;
  display: grid;
}

.work-spreadsheet-hyperlink-preview > span {
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 11%,
    var(--a3s-panel));
  width: 30px;
  height: 30px;
  color: var(--work-spreadsheet-accent, #159469);
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.work-spreadsheet-hyperlink-preview > div {
  gap: 1px;
  min-width: 0;
  display: grid;
}

.work-spreadsheet-hyperlink-preview strong, .work-spreadsheet-hyperlink-preview small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.work-spreadsheet-hyperlink-preview strong {
  color: var(--a3s-ink);
  font-size: 11px;
  font-weight: 650;
}

.work-spreadsheet-hyperlink-preview small {
  color: var(--a3s-muted);
  font-size: 10px;
}

.work-spreadsheet-hyperlink-remove {
  margin-right: auto;
}

@media (width <= 560px) {
  .work-spreadsheet-hyperlink-types > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-spreadsheet-hyperlink-types label {
    min-height: 50px;
  }
}

.work-spreadsheet-paste-special-dialog {
  --work-office-control-accent: var(--work-spreadsheet-accent, #159469);
  width: min(660px, 100%);
}

.work-spreadsheet-paste-special-dialog > .ds-dialog-body {
  padding-top: 0;
}

.work-spreadsheet-paste-special-source {
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 7%,
    var(--a3s-panel-soft));
  min-height: 34px;
  color: var(--a3s-muted);
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
  padding: 0 11px;
  font-size: 11px;
  display: flex;
}

.work-spreadsheet-paste-special-source strong {
  color: var(--a3s-ink);
  font-weight: 650;
}

.work-spreadsheet-paste-special-dialog form {
  grid-template-columns: minmax(0, 1.55fr) minmax(170px, .75fr);
  align-items: start;
  gap: 18px 22px;
  display: grid;
}

.work-spreadsheet-paste-special-dialog fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.work-spreadsheet-paste-special-dialog legend {
  width: 100%;
  color: var(--a3s-muted);
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 650;
}

.work-spreadsheet-paste-special-modes {
  grid-row: span 2;
}

.work-spreadsheet-paste-special-modes > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  display: grid;
}

.work-spreadsheet-paste-special-modes label {
  min-height: 37px;
  color: var(--a3s-ink);
  cursor: pointer;
  border-radius: 7px;
  grid-template-columns: 14px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  font-size: 11px;
  display: grid;
  position: relative;
}

.work-spreadsheet-paste-special-modes label:hover {
  background: var(--a3s-panel-soft);
}

.work-spreadsheet-paste-special-modes label.selected {
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 10%,
    var(--a3s-panel));
}

.work-spreadsheet-paste-special-modes label:has(input:focus-visible), .work-spreadsheet-paste-special-operations label:has(input:focus-visible) {
  outline: 2px solid
    color-mix(in srgb, var(--work-spreadsheet-accent, #159469) 32%, transparent);
  outline-offset: 1px;
}

.work-spreadsheet-paste-special-modes label:has(input:disabled) {
  cursor: not-allowed;
  opacity: .48;
}

.work-spreadsheet-paste-special-modes input, .work-spreadsheet-paste-special-operations input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}

.work-spreadsheet-paste-special-modes label > span[aria-hidden="true"] {
  box-sizing: border-box;
  border: 1px solid var(--a3s-line-strong);
  background: var(--a3s-panel);
  border-radius: 50%;
  place-items: center;
  width: 14px;
  height: 14px;
  display: grid;
}

.work-spreadsheet-paste-special-modes label.selected > span[aria-hidden="true"] {
  border: 4px solid var(--work-spreadsheet-accent, #159469);
}

.work-spreadsheet-paste-special-modes small {
  color: var(--a3s-muted);
  grid-column: 2;
  margin-top: -2px;
  font-size: 9px;
  line-height: 1.2;
}

.work-spreadsheet-paste-special-operations > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  display: grid;
}

.work-spreadsheet-paste-special-operations label {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-height: 30px;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 6px;
  place-items: center;
  font-size: 10px;
  display: grid;
  position: relative;
}

.work-spreadsheet-paste-special-operations label:first-child {
  grid-column: 1 / -1;
}

.work-spreadsheet-paste-special-operations label:hover {
  border-color: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 42%,
    var(--a3s-line));
}

.work-spreadsheet-paste-special-operations label.selected {
  border-color: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 58%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 9%,
    var(--a3s-panel));
  color: var(--a3s-ink);
  font-weight: 650;
}

.work-spreadsheet-paste-special-operations label:has(input:disabled) {
  cursor: not-allowed;
  opacity: .42;
}

.work-spreadsheet-paste-special-options {
  gap: 8px;
  padding-top: 2px;
  display: grid;
}

.work-spreadsheet-paste-special-options .work-office-checkbox {
  min-height: 28px;
}

.work-spreadsheet-paste-special-error {
  background: color-mix(in srgb, var(--a3s-red) 8%, var(--a3s-panel));
  color: color-mix(in srgb, var(--a3s-red) 88%, var(--a3s-ink));
  border-radius: 6px;
  grid-column: 1 / -1;
  margin: -4px 0 0;
  padding: 8px 10px;
  font-size: 11px;
  line-height: 1.45;
}

@media (width <= 620px) {
  .work-spreadsheet-paste-special-dialog form {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .work-spreadsheet-paste-special-modes {
    grid-row: auto;
  }

  .work-spreadsheet-paste-special-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 420px) {
  .work-spreadsheet-paste-special-modes > div, .work-spreadsheet-paste-special-options {
    grid-template-columns: minmax(0, 1fr);
  }
}

.work-spreadsheet-table-dialog {
  --work-office-control-accent: var(--work-spreadsheet-accent, #159469);
  width: min(480px, 100%);
}

.work-spreadsheet-table-dialog form {
  gap: 16px;
  display: grid;
}

.work-spreadsheet-table-scope {
  background: var(--a3s-panel-soft);
  border-radius: 8px;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: grid;
}

.work-spreadsheet-table-scope > span {
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 11%,
    var(--a3s-panel));
  width: 34px;
  height: 34px;
  color: var(--work-spreadsheet-accent, #159469);
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.work-spreadsheet-table-scope > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.work-spreadsheet-table-scope strong, .work-spreadsheet-table-scope small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.work-spreadsheet-table-scope strong {
  color: var(--a3s-ink);
  font-size: 12px;
  font-weight: 650;
}

.work-spreadsheet-table-scope small {
  color: var(--a3s-muted);
  font-size: 10px;
}

.work-spreadsheet-table-dialog .work-office-checkbox {
  min-height: 38px;
  padding: 8px 10px;
}

.work-spreadsheet-table-name {
  align-content: center;
  gap: 3px;
  width: 132px;
  padding: 2px 5px;
  display: grid;
}

.work-spreadsheet-table-name > span {
  color: var(--a3s-muted);
  font-size: 9px;
  line-height: 1;
}

.work-spreadsheet-table-name > input {
  border: 1px solid var(--a3s-line-strong);
  background: var(--a3s-panel);
  width: 100%;
  height: 27px;
  color: var(--a3s-ink);
  border-radius: 5px;
  padding: 0 8px;
  font-size: 11px;
}

.work-spreadsheet-table-style-root {
  display: flex;
}

.work-office-ribbon .work-spreadsheet-table-style-trigger {
  min-width: 76px;
}

.work-spreadsheet-table-totals-root {
  display: flex;
}

.work-office-ribbon .work-spreadsheet-table-totals-trigger {
  min-width: 70px;
}

.work-spreadsheet-table-totals-menu {
  border: 1px solid var(--a3s-overlay-border);
  border-radius: var(--a3s-overlay-radius);
  background: var(--a3s-overlay-surface);
  width: min(560px, 100vw - 24px);
  max-height: min(650px, 100vh - 32px);
  box-shadow: var(--a3s-shadow-soft);
  padding: 14px;
  overflow: auto;
}

.work-spreadsheet-table-totals-content {
  gap: 10px;
  display: grid;
}

.work-spreadsheet-table-totals-hint {
  color: var(--a3s-muted);
  margin: -4px 0 2px;
  font-size: 11px;
  line-height: 1.45;
}

.work-spreadsheet-table-totals-columns {
  gap: 8px;
  max-height: 440px;
  padding-right: 2px;
  display: grid;
  overflow: auto;
}

.work-spreadsheet-table-totals-column {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  border-radius: 7px;
  grid-template-columns: minmax(92px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr);
  align-items: end;
  gap: 7px;
  padding: 9px;
  display: grid;
}

.work-spreadsheet-table-totals-column > strong {
  color: var(--a3s-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-column: 1 / -1;
  font-size: 11px;
  font-weight: 650;
  overflow: hidden;
}

.work-spreadsheet-table-totals-column label, .work-spreadsheet-table-totals-column .work-office-field {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.work-spreadsheet-table-totals-column label > span, .work-spreadsheet-table-totals-column .work-office-field > span {
  color: var(--a3s-muted);
  font-size: 9px;
  line-height: 1;
}

.work-spreadsheet-table-totals-column .work-office-select, .work-spreadsheet-table-totals-column input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.work-spreadsheet-table-totals-column .work-office-select > button[role="combobox"], .work-spreadsheet-table-totals-column input {
  border: 1px solid var(--a3s-line-strong);
  background: var(--a3s-panel);
  height: 28px;
  color: var(--a3s-ink);
  border-radius: 5px;
  padding: 0 7px;
  font-size: 11px;
}

.work-spreadsheet-table-totals-column .work-office-select > button[role="combobox"]:disabled, .work-spreadsheet-table-totals-column input:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.work-spreadsheet-table-totals-close {
  border: 1px solid var(--work-spreadsheet-accent, #159469);
  background: var(--work-spreadsheet-accent, #159469);
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  justify-self: end;
  min-height: 29px;
  padding: 0 13px;
  font-size: 11px;
  font-weight: 650;
}

.work-spreadsheet-table-totals-close:hover, .work-spreadsheet-table-totals-close:focus-visible {
  filter: brightness(.94);
}

.work-spreadsheet-table-style-preview {
  background: #fff;
  border: 1px solid #0f172a29;
  border-radius: 3px;
  grid-template-rows: 8px 1fr 1fr;
  width: 48px;
  height: 28px;
  display: grid;
  overflow: hidden;
}

.work-spreadsheet-table-style-preview > i {
  min-height: 0;
  display: block;
}

.work-spreadsheet-table-style-menu {
  border: 1px solid var(--a3s-overlay-border);
  border-radius: var(--a3s-overlay-radius);
  background: var(--a3s-overlay-surface);
  width: min(464px, 100vw - 24px);
  max-height: min(520px, 100vh - 32px);
  box-shadow: var(--a3s-shadow-soft);
  padding: 10px;
  overflow: auto;
}

.work-spreadsheet-table-style-family {
  border: 0;
  gap: 6px;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-spreadsheet-table-style-family + .work-spreadsheet-table-style-family {
  border-top: 1px solid var(--a3s-line);
  margin-top: 10px;
  padding-top: 9px;
}

.work-spreadsheet-table-style-family > span {
  color: var(--a3s-muted);
  font-size: 10px;
  font-weight: 650;
}

.work-spreadsheet-table-style-family > div {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
  display: grid;
}

.work-spreadsheet-table-style-family button {
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 5px;
  place-items: center;
  min-width: 0;
  height: 38px;
  padding: 4px;
  display: grid;
}

.work-spreadsheet-table-style-family button:hover, .work-spreadsheet-table-style-family button:focus-visible, .work-spreadsheet-table-style-family button[aria-checked="true"] {
  border-color: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 46%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--work-spreadsheet-accent, #159469) 8%,
    var(--a3s-panel));
}

.work-spreadsheet-table-style-family button:focus-visible {
  outline: 2px solid
    color-mix(in srgb, var(--work-spreadsheet-accent, #159469) 66%, white);
  outline-offset: 1px;
}

@media (width <= 620px) {
  .work-spreadsheet-table-name {
    width: 104px;
  }

  .work-spreadsheet-table-style-menu {
    width: min(356px, 100vw - 16px);
    padding: 8px;
  }

  .work-spreadsheet-table-totals-menu {
    width: min(440px, 100vw - 16px);
    padding: 10px;
  }

  .work-spreadsheet-table-totals-column {
    grid-template-columns: 1fr 1fr;
  }

  .work-spreadsheet-table-totals-column label:last-child {
    grid-column: 1 / -1;
  }

  .work-spreadsheet-table-style-family > div {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.work-spreadsheet-chart-manager {
  border: 0;
  grid-template-columns: minmax(180px, 230px) minmax(720px, 1fr);
  min-width: 0;
  min-height: 198px;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-spreadsheet-chart-manager > aside {
  border-right: 1px solid var(--a3s-line);
  padding: 8px;
}

.work-spreadsheet-chart-manager .create {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  width: 100%;
  height: 27px;
  min-height: 27px;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 9px;
  display: inline-flex;
}

.work-spreadsheet-chart-list {
  gap: 3px;
  max-height: 153px;
  margin-top: 6px;
  display: grid;
  overflow: auto;
}

.work-spreadsheet-chart-list > button {
  color: var(--a3s-ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  gap: 1px;
  padding: 6px 7px;
  display: grid;
}

.work-spreadsheet-chart-list > button:hover, .work-spreadsheet-chart-list > button.active {
  background: var(--a3s-panel-soft);
}

.work-spreadsheet-chart-list strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  overflow: hidden;
}

.work-spreadsheet-chart-list span, .work-spreadsheet-chart-list > p {
  color: var(--a3s-faint);
  font-size: 8px;
}

.work-spreadsheet-chart-list > p {
  text-align: center;
  margin: 12px 4px;
  line-height: 1.5;
}

.work-spreadsheet-chart-manager > form {
  grid-template-columns: minmax(440px, 1.1fr) minmax(320px, .9fr);
  align-content: start;
  gap: 8px 10px;
  padding: 9px 12px;
  display: grid;
}

.work-spreadsheet-chart-fields {
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  align-content: start;
  gap: 7px 9px;
  display: grid;
}

.work-spreadsheet-chart-fields .alternative-text {
  grid-column: 1 / -1;
}

.work-spreadsheet-chart-layout {
  border: 1px solid color-mix(in srgb, var(--a3s-line) 82%, transparent);
  background: color-mix(in srgb, var(--a3s-panel-soft) 58%, transparent);
  border-radius: 5px;
  grid-column: 1 / -1;
  gap: 5px;
  padding: 6px;
  display: grid;
}

.work-spreadsheet-chart-layout > header {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.work-spreadsheet-chart-layout > header strong, .work-spreadsheet-chart-layout > header span, .work-spreadsheet-chart-layout > p {
  font-size: 8px;
}

.work-spreadsheet-chart-layout > header span, .work-spreadsheet-chart-layout > p {
  color: var(--a3s-faint);
}

.work-spreadsheet-chart-layout > div {
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 5px;
  display: grid;
}

.work-spreadsheet-chart-layout > p {
  margin: 0;
  line-height: 1.45;
}

.work-spreadsheet-chart-axes {
  border: 1px solid color-mix(in srgb, var(--a3s-line) 82%, transparent);
  background: color-mix(in srgb, var(--a3s-panel-soft) 58%, transparent);
  border-radius: 5px;
  grid-column: 1 / -1;
  gap: 5px;
  padding: 6px;
  display: grid;
}

.work-spreadsheet-chart-axes > header {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.work-spreadsheet-chart-axes > header strong, .work-spreadsheet-chart-axes > header span, .work-spreadsheet-chart-axes legend {
  font-size: 8px;
}

.work-spreadsheet-chart-axes > header span, .work-spreadsheet-chart-axes legend {
  color: var(--a3s-faint);
}

.work-spreadsheet-chart-axes > div {
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  gap: 5px;
  display: grid;
}

.work-spreadsheet-chart-axes fieldset {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  border-radius: 4px;
  grid-template-columns: repeat(2, minmax(90px, 1fr));
  gap: 5px;
  margin: 0;
  padding: 5px;
  display: grid;
}

.work-spreadsheet-chart-axes .work-office-checkbox.axis-check {
  align-items: center;
  gap: 6px;
  min-height: 27px;
  display: flex;
}

.work-spreadsheet-chart-axes legend {
  padding: 0 3px;
}

.work-spreadsheet-chart-manager .work-office-checkbox.check {
  align-self: end;
  align-items: center;
  gap: 6px;
  min-height: 27px;
  display: flex;
}

.work-spreadsheet-chart-series {
  border: 1px solid var(--a3s-line);
  border-radius: 6px;
  min-width: 0;
  padding: 7px 8px;
}

.work-spreadsheet-chart-series > header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
  display: flex;
}

.work-spreadsheet-chart-series > header strong {
  font-size: 9px;
}

.work-spreadsheet-chart-series > header button {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  height: 23px;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  gap: 4px;
  padding: 0 7px;
  font-size: 8px;
  display: inline-flex;
}

.work-spreadsheet-chart-series .xy-note {
  color: var(--a3s-faint);
  margin: 0 0 5px;
  font-size: 8px;
  line-height: 1.4;
}

.work-spreadsheet-chart-series-row {
  grid-template-columns: minmax(90px, .7fr) minmax(125px, .9fr) minmax(170px, 1.2fr) 26px;
  align-items: end;
  gap: 5px;
  margin-top: 5px;
  display: grid;
}

.work-spreadsheet-chart-series-row.xy {
  grid-template-columns: repeat(2, minmax(125px, 1fr)) 26px;
}

.work-spreadsheet-chart-series-row.xy .remove-series {
  grid-area: 1 / 3;
}

.work-spreadsheet-chart-series-row.xy .x-reference {
  grid-column: 1;
}

.work-spreadsheet-chart-series-row.xy .y-reference {
  grid-column: 2;
}

.work-spreadsheet-chart-series-row.bubble .bubble-reference {
  grid-column: 1 / 3;
}

.work-spreadsheet-chart-series-row.combination {
  grid-template-columns: repeat(2, minmax(125px, 1fr)) 26px;
}

.work-spreadsheet-chart-series-row.combination .series-name {
  grid-area: 1 / 1;
}

.work-spreadsheet-chart-series-row.combination .name-reference {
  grid-area: 1 / 2;
}

.work-spreadsheet-chart-series-row.combination .reference {
  grid-area: 2 / 1 / auto / 3;
}

.work-spreadsheet-chart-series-row.combination .combination-chart-type {
  grid-area: 3 / 1;
}

.work-spreadsheet-chart-series-row.combination .combination-axis-group {
  grid-area: 3 / 2;
}

.work-spreadsheet-chart-series-row.combination .remove-series {
  grid-area: 1 / 3;
}

.work-spreadsheet-chart-series-row .remove-series {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  width: 26px;
  height: 27px;
  color: var(--a3s-red);
  cursor: pointer;
  border-radius: 5px;
  place-items: center;
  display: grid;
}

.work-spreadsheet-chart-series-row .remove-series:disabled {
  opacity: .35;
  cursor: default;
}

.work-spreadsheet-chart-series-style {
  border: 1px solid color-mix(in srgb, var(--a3s-line) 82%, transparent);
  background: color-mix(in srgb, var(--a3s-panel-soft) 58%, transparent);
  border-radius: 5px;
  grid-column: 1 / -1;
  gap: 5px;
  padding: 6px;
  display: grid;
}

.work-spreadsheet-chart-series-style > .enable-series-style {
  align-self: center;
  min-height: 21px;
  font-weight: 600;
}

.work-spreadsheet-chart-series-style > div {
  border-top: 1px solid var(--a3s-line);
  grid-template-columns: repeat(3, minmax(72px, 1fr));
  align-items: end;
  gap: 5px;
  padding-top: 5px;
  display: grid;
}

.work-spreadsheet-data-labels {
  border: 1px solid color-mix(in srgb, var(--a3s-line) 82%, transparent);
  background: color-mix(in srgb, var(--a3s-panel-soft) 58%, transparent);
  border-radius: 5px;
  grid-column: 1 / -1;
  gap: 5px;
  padding: 6px;
  display: grid;
}

.work-spreadsheet-data-labels > .enable-data-labels {
  align-self: center;
  min-height: 21px;
  font-weight: 600;
}

.work-spreadsheet-data-labels > div {
  border-top: 1px solid var(--a3s-line);
  grid-template-columns: repeat(3, minmax(72px, 1fr));
  align-items: end;
  gap: 5px;
  padding-top: 5px;
  display: grid;
}

.work-spreadsheet-trendlines {
  border: 1px solid color-mix(in srgb, var(--a3s-line) 82%, transparent);
  background: color-mix(in srgb, var(--a3s-panel-soft) 58%, transparent);
  border-radius: 5px;
  grid-column: 1 / -1;
  gap: 5px;
  padding: 6px;
  display: grid;
}

.work-spreadsheet-trendlines > header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.work-spreadsheet-trendlines > header strong {
  font-size: 8px;
}

.work-spreadsheet-trendlines > header button {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  height: 21px;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  gap: 3px;
  padding: 0 6px;
  font-size: 8px;
  display: inline-flex;
}

.work-spreadsheet-trendlines > p {
  color: var(--a3s-faint);
  margin: 0;
  font-size: 8px;
  line-height: 1.4;
}

.work-spreadsheet-trendlines fieldset {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  border-radius: 5px;
  grid-template-columns: repeat(3, minmax(72px, 1fr));
  align-items: end;
  gap: 5px;
  margin: 0;
  padding: 7px 31px 7px 7px;
  display: grid;
  position: relative;
}

.work-spreadsheet-trendlines legend {
  color: var(--a3s-faint);
  padding: 0 3px;
  font-size: 8px;
}

.work-spreadsheet-trendlines .remove-trendline {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  width: 22px;
  height: 22px;
  color: var(--a3s-red);
  cursor: pointer;
  border-radius: 4px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 7px;
  right: 6px;
}

.work-spreadsheet-error-bars {
  border: 1px solid color-mix(in srgb, var(--a3s-line) 82%, transparent);
  background: color-mix(in srgb, var(--a3s-panel-soft) 58%, transparent);
  border-radius: 5px;
  grid-column: 1 / -1;
  gap: 5px;
  padding: 6px;
  display: grid;
}

.work-spreadsheet-error-bars > header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.work-spreadsheet-error-bars > header strong {
  font-size: 8px;
}

.work-spreadsheet-error-bars > header > div {
  gap: 4px;
  display: flex;
}

.work-spreadsheet-error-bars > header button {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  height: 21px;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  gap: 3px;
  padding: 0 6px;
  font-size: 8px;
  display: inline-flex;
}

.work-spreadsheet-error-bars > header button:disabled {
  opacity: .4;
  cursor: default;
}

.work-spreadsheet-error-bars-empty.ds-collection-state {
  text-align: left;
  justify-content: flex-start;
  min-height: 36px;
  padding: 5px 0;
  font-size: 8px;
}

.work-spreadsheet-error-bars fieldset {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  border-radius: 5px;
  grid-template-columns: repeat(3, minmax(72px, 1fr));
  align-items: end;
  gap: 5px;
  margin: 0;
  padding: 7px 31px 7px 7px;
  display: grid;
  position: relative;
}

.work-spreadsheet-error-bars legend {
  color: var(--a3s-faint);
  padding: 0 3px;
  font-size: 8px;
}

.work-spreadsheet-error-bars .error-reference {
  grid-column: span 2;
}

.work-spreadsheet-error-bars .remove-error-bars {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  width: 22px;
  height: 22px;
  color: var(--a3s-red);
  cursor: pointer;
  border-radius: 4px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 7px;
  right: 6px;
}

.work-spreadsheet-chart-manager .actions {
  grid-column: 1 / -1;
}

.work-spreadsheet-chart-empty.ds-state-view {
  min-height: 190px;
  color: var(--a3s-muted);
  text-align: center;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 24px;
  display: grid;
}

.work-spreadsheet-chart-empty.ds-state-view h2 {
  font-size: 11px;
}

.work-spreadsheet-chart-empty.ds-state-view > p {
  max-width: 480px;
  margin: 0;
  font-size: 9px;
  line-height: 1.5;
}

@media (width <= 900px) {
  .work-spreadsheet-name-manager {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  .work-spreadsheet-conditional-manager, .work-spreadsheet-protection-manager {
    grid-template-columns: 170px minmax(0, 1fr);
  }

  .work-spreadsheet-protection-manager > form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .work-spreadsheet-chart-manager {
    grid-template-columns: 170px minmax(0, 1fr);
  }

  .work-spreadsheet-chart-manager > form {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-spreadsheet-workbook-panel-body {
    overflow-x: auto;
  }
}

.work-spreadsheet-fill-color:before {
  content: "■";
  font-family: inherit;
  font-size: 9px;
}

.work-spreadsheet-formula-manager {
  border: 0;
  grid-template-columns: minmax(190px, 230px) minmax(780px, 1fr);
  min-width: 0;
  min-height: 198px;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-spreadsheet-formula-manager > aside {
  border-right: 1px solid var(--a3s-line);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 6px;
  padding: 9px;
  display: grid;
}

.work-spreadsheet-formula-manager > aside > div {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  border-radius: 6px;
  align-content: center;
  gap: 1px;
  min-height: 48px;
  padding: 6px 8px;
  display: grid;
}

.work-spreadsheet-formula-manager > aside strong {
  font-size: 14px;
}

.work-spreadsheet-formula-manager > aside span {
  color: var(--a3s-faint);
  font-size: 8px;
}

.work-spreadsheet-formula-manager > aside > div.error strong {
  color: var(--a3s-red);
}

.work-spreadsheet-formula-manager > form {
  grid-template-columns: minmax(480px, 1.15fr) minmax(300px, .85fr);
  gap: 10px;
  padding: 9px 11px;
  display: grid;
}

.work-spreadsheet-calculation-fields {
  grid-template-columns: repeat(3, minmax(130px, 1fr));
  align-content: start;
  gap: 7px 9px;
  display: grid;
}

.work-spreadsheet-calculation-fields .work-office-checkbox.toggle {
  align-items: center;
  gap: 6px;
  min-height: 27px;
  padding: 0 5px;
  display: flex;
}

.work-spreadsheet-calculation-fields .actions {
  grid-column: 1 / -1;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  display: flex;
}

.work-spreadsheet-calculation-fields .actions .status {
  color: var(--a3s-faint);
  margin-right: auto;
  font-size: 8px;
}

.work-spreadsheet-formula-diagnostics {
  border: 1px solid var(--a3s-line);
  border-radius: 6px;
  min-width: 0;
  padding: 7px 8px;
}

.work-spreadsheet-formula-diagnostics > header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
  display: flex;
}

.work-spreadsheet-formula-diagnostics > header strong {
  font-size: 9px;
}

.work-spreadsheet-formula-diagnostics > header span {
  color: var(--a3s-faint);
  font-size: 8px;
}

.work-spreadsheet-formula-diagnostics > div {
  gap: 4px;
  max-height: 142px;
  display: grid;
  overflow: auto;
}

.work-spreadsheet-formula-diagnostics article {
  border-left: 2px solid var(--a3s-line-strong);
  background: var(--a3s-panel-soft);
  border-radius: 3px;
  padding: 5px 7px;
}

.work-spreadsheet-formula-diagnostics article.warning {
  border-left-color: var(--a3s-warning);
}

.work-spreadsheet-formula-diagnostics article.error {
  border-left-color: var(--a3s-red);
}

.work-spreadsheet-formula-diagnostics article strong {
  font-size: 8px;
}

.work-spreadsheet-formula-diagnostics article p, .work-spreadsheet-formula-diagnostics article small {
  color: var(--a3s-faint);
  margin: 2px 0 0;
  font-size: 8px;
  line-height: 1.4;
}

.work-spreadsheet-formula-diagnostics article small {
  display: block;
}

@media (width <= 900px) {
  .work-spreadsheet-formula-manager {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  .work-spreadsheet-formula-manager > form {
    grid-template-columns: minmax(0, 1fr);
  }
}

.work-spreadsheet-pivot-manager {
  border: 0;
  grid-template-columns: minmax(190px, 230px) minmax(860px, 1fr);
  min-width: 0;
  min-height: 214px;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-spreadsheet-pivot-manager > aside {
  border-right: 1px solid var(--a3s-line);
  padding: 8px;
}

.work-spreadsheet-pivot-manager .create, .work-spreadsheet-pivot-manager .refresh {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  width: 100%;
  height: 27px;
  min-height: 27px;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 9px;
  display: inline-flex;
}

.work-spreadsheet-pivot-manager .refresh {
  background: none;
  margin-top: 5px;
}

.work-spreadsheet-pivot-manager .refresh:disabled {
  opacity: .4;
  cursor: default;
}

.work-spreadsheet-pivot-list {
  gap: 3px;
  max-height: 140px;
  margin-top: 6px;
  display: grid;
  overflow: auto;
}

.work-spreadsheet-pivot-list > button {
  color: var(--a3s-ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  gap: 1px;
  padding: 6px 7px;
  display: grid;
}

.work-spreadsheet-pivot-list > button:hover, .work-spreadsheet-pivot-list > button.active {
  background: var(--a3s-panel-soft);
}

.work-spreadsheet-pivot-list strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  overflow: hidden;
}

.work-spreadsheet-pivot-list span, .work-spreadsheet-pivot-list > p {
  color: var(--a3s-faint);
  font-size: 8px;
}

.work-spreadsheet-pivot-list > p {
  text-align: center;
  margin: 12px 4px;
  line-height: 1.5;
}

.work-spreadsheet-pivot-manager > form {
  grid-template-columns: minmax(350px, .8fr) minmax(500px, 1.2fr);
  align-content: start;
  gap: 8px 10px;
  padding: 9px 12px;
  display: grid;
}

.work-spreadsheet-pivot-fields {
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  align-content: start;
  gap: 7px 9px;
  display: grid;
}

.work-spreadsheet-pivot-manager .work-office-checkbox.check {
  align-items: center;
  gap: 6px;
  min-height: 27px;
  display: flex;
}

.work-spreadsheet-pivot-layout {
  border: 1px solid var(--a3s-line);
  border-radius: 6px;
  min-width: 0;
  padding: 7px 8px;
}

.work-spreadsheet-pivot-layout > header {
  gap: 1px;
  margin-bottom: 5px;
  display: grid;
}

.work-spreadsheet-pivot-layout > header strong {
  font-size: 9px;
}

.work-spreadsheet-pivot-layout > header span, .work-spreadsheet-pivot-layout > p {
  color: var(--a3s-faint);
  margin: 0;
  font-size: 8px;
}

.work-spreadsheet-pivot-layout > div {
  gap: 4px;
  max-height: 135px;
  display: grid;
  overflow: auto;
}

.work-spreadsheet-pivot-field-row {
  grid-template-columns: minmax(95px, .8fr) 62px 84px 112px minmax(120px, 1fr);
  align-items: center;
  gap: 5px;
  display: grid;
}

.work-spreadsheet-pivot-field-row strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  overflow: hidden;
}

.work-spreadsheet-pivot-field-row > span {
  color: var(--a3s-faint);
  font-size: 8px;
}

.work-spreadsheet-pivot-field-row .placeholder {
  grid-column: span 2;
}

.work-spreadsheet-pivot-manager .actions {
  grid-column: 1 / -1;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  display: flex;
}

.work-spreadsheet-pivot-empty.ds-state-view {
  min-height: 205px;
  color: var(--a3s-muted);
  text-align: center;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 24px;
  display: grid;
}

.work-spreadsheet-pivot-empty.ds-state-view h2 {
  font-size: 11px;
}

.work-spreadsheet-pivot-empty.ds-state-view > p {
  max-width: 520px;
  margin: 0;
  font-size: 9px;
  line-height: 1.5;
}

@media (width <= 900px) {
  .work-spreadsheet-pivot-manager {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  .work-spreadsheet-pivot-manager > form {
    grid-template-columns: minmax(0, 1fr);
  }
}

.work-spreadsheet-workbook-panel-body {
  overflow-x: hidden;
}

.work-spreadsheet-workbook-panel :is(.work-spreadsheet-name-manager, .work-spreadsheet-conditional-manager, .work-spreadsheet-protection-manager, .work-spreadsheet-chart-manager, .work-spreadsheet-formula-manager, .work-spreadsheet-pivot-manager) {
  grid-template-columns: minmax(0, 1fr);
  min-height: 100%;
}

.work-spreadsheet-workbook-panel :is(.work-spreadsheet-name-manager, .work-spreadsheet-conditional-manager, .work-spreadsheet-protection-manager, .work-spreadsheet-chart-manager, .work-spreadsheet-pivot-manager) > aside {
  border-right: 0;
  border-bottom: 1px solid var(--a3s-line);
  padding: 10px 12px;
}

.work-spreadsheet-workbook-panel :is(.work-spreadsheet-name-list, .work-spreadsheet-conditional-list, .work-spreadsheet-protection-list, .work-spreadsheet-chart-list, .work-spreadsheet-pivot-list) {
  max-height: 104px;
}

.work-spreadsheet-workbook-panel :is(.work-spreadsheet-name-manager, .work-spreadsheet-conditional-manager, .work-spreadsheet-protection-manager) > form, .work-spreadsheet-workbook-panel .work-spreadsheet-print-area-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 10px;
  min-height: 0;
  padding: 12px;
}

.work-spreadsheet-workbook-panel :is(.work-spreadsheet-name-manager, .work-spreadsheet-conditional-manager, .work-spreadsheet-protection-manager, .work-spreadsheet-print-area-form) :is(.reference, .comment) {
  grid-column: 1 / -1;
}

.work-spreadsheet-workbook-panel :is(.work-spreadsheet-page-setup-fields, .work-spreadsheet-header-footer-fields) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-spreadsheet-workbook-panel .work-spreadsheet-header-footer-fields .tokens {
  grid-column: 1 / -1;
}

.work-spreadsheet-workbook-panel .work-spreadsheet-conditional-thresholds > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-spreadsheet-workbook-panel .work-spreadsheet-protection-manager fieldset {
  flex-wrap: wrap;
  grid-column: 1 / -1;
}

.work-spreadsheet-workbook-panel .work-spreadsheet-chart-manager > form, .work-spreadsheet-workbook-panel .work-spreadsheet-pivot-manager > form, .work-spreadsheet-workbook-panel .work-spreadsheet-formula-manager > form {
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 10px;
  padding: 12px;
}

.work-spreadsheet-workbook-panel :is(.work-spreadsheet-chart-fields, .work-spreadsheet-pivot-fields, .work-spreadsheet-calculation-fields), .work-spreadsheet-workbook-panel .work-spreadsheet-chart-layout > div, .work-spreadsheet-workbook-panel .work-spreadsheet-chart-series-style > div, .work-spreadsheet-workbook-panel .work-spreadsheet-data-labels > div, .work-spreadsheet-workbook-panel .work-spreadsheet-trendlines fieldset, .work-spreadsheet-workbook-panel .work-spreadsheet-error-bars fieldset {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-spreadsheet-workbook-panel .work-spreadsheet-chart-axes > div, .work-spreadsheet-workbook-panel .work-spreadsheet-chart-axes fieldset {
  grid-template-columns: minmax(0, 1fr);
}

.work-spreadsheet-workbook-panel .work-spreadsheet-chart-series-row, .work-spreadsheet-workbook-panel .work-spreadsheet-chart-series-row.xy, .work-spreadsheet-workbook-panel .work-spreadsheet-chart-series-row.combination {
  grid-template-columns: repeat(2, minmax(0, 1fr)) 26px;
}

.work-spreadsheet-workbook-panel .work-spreadsheet-chart-series-row:not(.xy):not(.combination) .reference {
  grid-column: 1 / 3;
}

.work-spreadsheet-workbook-panel .work-spreadsheet-pivot-layout > div {
  max-height: none;
}

.work-spreadsheet-workbook-panel .work-spreadsheet-pivot-field-row {
  border-bottom: 1px solid var(--a3s-line);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  padding: 7px 0;
}

.work-spreadsheet-workbook-panel .work-spreadsheet-pivot-field-row:last-child {
  border-bottom: 0;
}

.work-spreadsheet-workbook-panel .work-spreadsheet-formula-manager > aside {
  border-right: 0;
  border-bottom: 1px solid var(--a3s-line);
}

.work-spreadsheet-workbook-panel :is(.work-spreadsheet-chart-empty.ds-state-view, .work-spreadsheet-pivot-empty.ds-state-view) {
  min-height: 180px;
}

@media (width <= 900px) {
  .work-spreadsheet-workbook-panel {
    z-index: 20;
    width: min(420px, 100% - 36px);
    min-width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    box-shadow: -16px 0 36px #141c2b2e;
  }
}

@media (width <= 520px) {
  .work-spreadsheet-workbook-panel {
    width: 100%;
  }

  .work-spreadsheet-workbook-panel :is(.work-spreadsheet-name-manager, .work-spreadsheet-conditional-manager, .work-spreadsheet-protection-manager) > form, .work-spreadsheet-workbook-panel .work-spreadsheet-print-area-form, .work-spreadsheet-workbook-panel :is(.work-spreadsheet-page-setup-fields, .work-spreadsheet-header-footer-fields, .work-spreadsheet-chart-fields, .work-spreadsheet-pivot-fields, .work-spreadsheet-calculation-fields), .work-spreadsheet-workbook-panel .work-spreadsheet-conditional-thresholds > div, .work-spreadsheet-workbook-panel .work-spreadsheet-chart-layout > div, .work-spreadsheet-workbook-panel .work-spreadsheet-chart-series-style > div, .work-spreadsheet-workbook-panel .work-spreadsheet-data-labels > div, .work-spreadsheet-workbook-panel .work-spreadsheet-trendlines fieldset, .work-spreadsheet-workbook-panel .work-spreadsheet-error-bars fieldset, .work-spreadsheet-workbook-panel .work-spreadsheet-pivot-field-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .work-spreadsheet-workbook-panel .work-spreadsheet-chart-series-row, .work-spreadsheet-workbook-panel .work-spreadsheet-chart-series-row.xy, .work-spreadsheet-workbook-panel .work-spreadsheet-chart-series-row.combination {
    grid-template-columns: minmax(0, 1fr) 26px;
  }

  .work-spreadsheet-workbook-panel .work-spreadsheet-chart-series-row > :not(.remove-series) {
    grid-column: 1;
  }

  .work-spreadsheet-workbook-panel .work-spreadsheet-chart-series-row .remove-series {
    grid-area: 1 / 2;
  }

  .work-spreadsheet-workbook-panel :is(.work-spreadsheet-name-manager, .work-spreadsheet-conditional-manager, .work-spreadsheet-protection-manager, .work-spreadsheet-print-area-form) :is(.reference, .comment), .work-spreadsheet-workbook-panel .work-spreadsheet-header-footer-fields .tokens, .work-spreadsheet-workbook-panel .work-spreadsheet-protection-manager fieldset, .work-spreadsheet-workbook-panel .work-spreadsheet-pivot-field-row .placeholder {
    grid-column: 1;
  }
}

.work-presentation-editor {
  --work-office-control-accent: #db663b;
  background: var(--a3s-bg);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
}

.work-presentation-workspace {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-presentation-workspace > :is(.work-presentation-layout, .work-presentation-sorter) {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.work-presentation-sorter {
  background: color-mix(in srgb, var(--a3s-bg) 86%, #dfe3e9);
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 30px;
  overflow: auto;
}

.work-presentation-sorter-grid {
  grid-template-columns: repeat(auto-fill,
      minmax(var(--work-presentation-sorter-width, 220px), 1fr));
  align-content: start;
  gap: 22px 18px;
  min-width: 0;
  display: grid;
}

.work-presentation-sorter-grid > button {
  min-width: 0;
  color: var(--a3s-muted);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 2px solid #0000;
  border-radius: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  padding: 8px;
  display: grid;
}

.work-presentation-sorter-grid > button:hover {
  background: color-mix(in srgb, var(--a3s-panel) 66%, transparent);
}

.work-presentation-sorter-grid > button.active {
  background: var(--a3s-panel);
  border-color: #db663bad;
}

.work-presentation-sorter .work-slide-canvas {
  grid-column: 1 / -1;
  width: 100%;
  box-shadow: 0 6px 18px #1a1e2b21;
}

.work-presentation-sorter-grid > button > span {
  color: var(--a3s-faint);
  font-size: 9px;
}

.work-presentation-sorter-grid > button > strong {
  color: var(--a3s-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  overflow: hidden;
}

.presentation-font-family-select {
  flex: 0 0 126px;
  width: 126px;
}

.presentation-font-family-select > button[role="combobox"] {
  width: 126px;
  min-width: 0;
}

.presentation-align-menu {
  flex: 0 0 112px;
  width: 112px;
}

.presentation-align-trigger {
  box-sizing: border-box;
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  width: 112px;
  min-width: 0;
  height: 24px;
  color: var(--a3s-ink);
  font: inherit;
  cursor: pointer;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 1;
  display: inline-flex;
}

.presentation-align-trigger > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.presentation-align-trigger:hover:not(:disabled), .presentation-align-trigger.open, .presentation-align-trigger[aria-expanded="true"] {
  border-color: color-mix(in srgb,
    var(--a3s-accent, #2563eb) 45%,
    var(--a3s-line));
  background: color-mix(in srgb,
    var(--a3s-accent, #2563eb) 6%,
    var(--a3s-panel));
}

.presentation-align-trigger:focus-visible {
  outline: 2px solid
    color-mix(in srgb, var(--a3s-accent, #2563eb) 55%, transparent);
  outline-offset: 1px;
}

.presentation-align-trigger:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.presentation-align-menu-panel {
  min-width: 148px;
}

.presentation-toolbar .presentation-font-size-field {
  flex: 0 0 72px;
  align-self: center;
  width: 72px;
  height: 24px;
}

.presentation-font-size-field {
  flex: 0 0 72px;
  width: 72px;
}

.slide-background-tool:before {
  content: "▣";
}

.work-presentation-design-panel {
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel-soft);
  min-width: 0;
  color: var(--a3s-muted);
  flex-direction: column;
  flex: none;
  font-size: 9px;
  display: flex;
}

.work-presentation-design-panel > header, .work-presentation-design-panel > header > div, .work-presentation-design-controls, .work-presentation-design-editing, .work-presentation-placeholder-actions {
  align-items: center;
  display: flex;
}

.work-presentation-design-panel > header {
  border-bottom: 1px solid color-mix(in srgb, var(--a3s-line) 72%, transparent);
  justify-content: space-between;
  min-height: 32px;
  padding: 4px 9px 3px 12px;
}

.work-presentation-design-panel > header > div {
  gap: 6px;
}

.work-presentation-design-panel > header strong, .work-presentation-design-editing > strong {
  color: var(--a3s-ink);
  font-size: 10px;
}

.work-presentation-design-panel > header span {
  color: var(--a3s-faint);
}

.work-presentation-design-panel input:not([type="checkbox"], [type="color"]) {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  height: 27px;
  color: var(--a3s-muted);
  font: inherit;
  border-radius: 5px;
  outline: 0;
}

.work-presentation-design-panel .ds-icon-button.close {
  background: none;
  border-color: #0000;
  width: 25px;
  height: 25px;
  padding: 0;
}

.work-presentation-design-controls, .work-presentation-design-editing {
  gap: 7px;
  min-height: 38px;
  padding: 5px 12px;
  overflow-x: auto;
}

.work-presentation-design-controls > .ds-button, .work-presentation-design-editing > .ds-button {
  flex: none;
}

.work-presentation-design-controls > label, .work-presentation-design-editing > label:not(.work-color-tool) {
  flex: none;
  align-items: center;
  gap: 5px;
  display: flex;
}

.work-presentation-design-controls .work-office-select {
  flex: 0 0 130px;
  width: 130px;
}

.work-presentation-design-controls .work-office-select > button[role="combobox"] {
  width: 130px;
  min-width: 0;
}

.work-presentation-design-editing {
  border-top: 1px solid color-mix(in srgb, var(--a3s-line) 68%, transparent);
  background: color-mix(in srgb, #db663b 3%, var(--a3s-panel));
}

.work-presentation-design-editing input:not([type="checkbox"], [type="color"]) {
  width: 148px;
  padding: 0 7px;
}

.work-presentation-design-panel label.toggle input {
  width: 13px;
  height: 13px;
  margin: 0;
}

.work-presentation-placeholder-actions {
  gap: 5px;
}

.work-presentation-transition-options, .work-presentation-transition-timing {
  border: 0;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: flex;
}

.work-presentation-transition-options .work-office-field, .work-presentation-transition-timing .work-office-field, .work-presentation-transition-timing .work-office-checkbox {
  flex: none;
}

.work-presentation-transition-options .work-office-field.effect {
  width: 92px;
}

.work-presentation-transition-options .work-office-field.direction, .work-presentation-transition-options .work-office-field.speed {
  width: 90px;
}

.work-presentation-transition-options .work-office-field.orientation {
  width: 82px;
}

.work-presentation-transition-timing .work-office-checkbox.toggle {
  white-space: nowrap;
  gap: 4px;
  width: max-content;
}

.work-presentation-transition-timing .work-office-field.seconds {
  width: 64px;
}

.work-presentation-chart-panel {
  z-index: 8;
  border-left: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  width: clamp(360px, 31vw, 430px);
  min-width: 340px;
  min-height: 0;
  max-height: none;
  color: var(--a3s-muted);
  flex-direction: column;
  flex: none;
  font-size: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: -10px 0 28px #1a233414;
}

.work-presentation-chart-panel > header, .work-presentation-chart-panel > header > div, .work-presentation-chart-controls, .work-presentation-chart-controls > label, .work-presentation-chart-series-list, .work-presentation-chart-series-card > fieldset {
  align-items: center;
  display: flex;
}

.work-presentation-chart-panel > header {
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  padding: 7px 9px 7px 14px;
}

.work-presentation-chart-panel > header > div {
  gap: 7px;
  min-width: 0;
}

.work-presentation-chart-panel > header > div:first-child {
  gap: 2px;
  display: grid;
}

.work-presentation-chart-panel > header > div:last-child {
  flex: none;
  align-items: center;
  display: flex;
}

.work-presentation-chart-panel > header strong {
  color: var(--a3s-ink);
  font-size: 12px;
  font-weight: 680;
}

.work-presentation-chart-panel > header span {
  color: var(--a3s-faint);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  overflow: hidden;
}

.work-presentation-chart-panel button, .work-presentation-chart-panel input, .work-presentation-chart-panel textarea {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  color: var(--a3s-ink);
  font: inherit;
  border-radius: 5px;
  outline: 0;
}

.work-presentation-chart-panel button {
  height: 27px;
  min-height: 27px;
  color: var(--a3s-muted);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  display: inline-flex;
}

.work-presentation-chart-panel button:hover:not(:disabled) {
  border-color: color-mix(in srgb, #db663b 45%, var(--a3s-line));
  color: #b44e31;
}

.work-presentation-chart-panel button:disabled {
  opacity: .4;
  cursor: default;
}

.work-presentation-chart-panel button.danger:hover {
  border-color: color-mix(in srgb, #b93832 45%, var(--a3s-line));
  color: #b93832;
}

.work-presentation-chart-panel button.close {
  background: none;
  border-color: #0000;
  width: 27px;
  padding: 0;
}

.work-presentation-chart-controls {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  flex: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  align-items: start;
  gap: 10px;
  min-width: 0;
  min-height: 0;
  padding: 12px;
  display: grid;
  overflow: hidden auto;
}

.work-presentation-chart-controls > .work-office-field {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}

.work-presentation-chart-controls .work-office-select, .work-presentation-chart-controls .work-office-text-field, .work-presentation-chart-controls .work-office-text-area, .work-presentation-chart-controls .work-office-number-field {
  width: 100%;
  min-width: 0;
}

.work-presentation-chart-controls > .check {
  min-width: 0;
}

.work-presentation-chart-controls > :is(.work-presentation-chart-layout, .work-presentation-chart-axes, .work-presentation-chart-data-labels, .work-presentation-chart-series-list, .categories) {
  grid-column: 1 / -1;
}

.work-presentation-chart-axes {
  width: 100%;
  min-width: 0;
}

.work-presentation-chart-axes > div {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.work-presentation-chart-axes fieldset {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-presentation-chart-check-control {
  height: 28px;
  color: var(--a3s-ink);
  align-items: center;
  gap: 6px;
  display: flex;
}

.work-presentation-chart-layout {
  border: 1px solid var(--a3s-line);
  background: color-mix(in srgb, var(--a3s-panel-soft) 58%, transparent);
  border-radius: 6px;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding: 9px;
  display: grid;
}

.work-presentation-chart-layout > header {
  gap: 2px;
  display: grid;
}

.work-presentation-chart-layout > header strong {
  color: var(--a3s-ink);
  font-size: 10px;
}

.work-presentation-chart-layout > header span, .work-presentation-chart-layout > p {
  color: var(--a3s-faint);
  font-size: 8px;
}

.work-presentation-chart-layout > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  gap: 8px;
  display: grid;
}

.work-presentation-chart-layout label {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.work-presentation-chart-layout label.check {
  min-width: 76px;
}

.work-presentation-chart-layout > p {
  margin: 0;
}

.work-presentation-chart-data-labels {
  border: 1px solid var(--a3s-line);
  border-radius: 6px;
  gap: 7px;
  width: 100%;
  min-width: 0;
  padding: 9px;
  display: grid;
}

.work-presentation-chart-data-labels > div, .work-presentation-chart-data-labels label {
  align-items: center;
}

.work-presentation-chart-data-labels > div {
  border-top: 1px solid var(--a3s-line);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding-top: 7px;
  display: grid;
}

.work-presentation-chart-data-labels .work-office-checkbox.check {
  white-space: nowrap;
  flex-direction: row;
  gap: 4px;
  display: flex;
}

.work-presentation-chart-data-labels .work-office-field {
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

.work-presentation-chart-data-labels .work-office-select, .work-presentation-chart-data-labels .work-office-text-field {
  width: 100%;
}

.work-presentation-chart-controls > .work-office-field.categories .work-office-text-area {
  resize: vertical;
  width: 100%;
  min-height: 72px;
  padding: 7px 8px;
  line-height: 1.35;
}

.work-presentation-chart-series-list {
  align-items: start;
  gap: 10px;
  width: 100%;
  min-width: 0;
  display: grid;
}

.work-presentation-chart-series-card {
  border: 1px solid var(--a3s-line);
  background: color-mix(in srgb, var(--a3s-panel-soft) 48%, transparent);
  border-radius: 7px;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 9px;
  display: grid;
}

.work-presentation-chart-series-card > .work-spreadsheet-chart-series-style {
  min-width: 0;
}

.work-presentation-chart-series-card > .work-spreadsheet-chart-series-style label {
  color: var(--a3s-muted);
  gap: 3px;
  display: grid;
}

.work-presentation-chart-series-card > .work-spreadsheet-chart-series-style .work-office-checkbox.check {
  align-items: center;
  gap: 5px;
  display: flex;
}

.work-presentation-chart-series-card > .work-spreadsheet-chart-series-style .work-office-field, .work-presentation-chart-series-card > .work-spreadsheet-chart-series-style .work-office-select, .work-presentation-chart-series-card > .work-spreadsheet-chart-series-style .work-office-number-field, .work-presentation-chart-series-card > .work-spreadsheet-chart-series-style .work-office-color-picker {
  width: 100%;
  min-width: 0;
}

.work-presentation-chart-series-card > fieldset {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  border-radius: 6px;
  grid-template-columns: minmax(0, 1fr) 30px;
  align-items: start;
  gap: 7px;
  min-width: 0;
  margin: 0;
  padding: 25px 8px 8px;
  display: grid;
  position: relative;
}

.work-presentation-chart-series-card > fieldset > legend {
  color: var(--a3s-faint);
  padding: 0;
  position: absolute;
  top: 7px;
  left: 9px;
}

.work-presentation-chart-series-card > fieldset > input {
  width: 100%;
  min-width: 0;
}

.work-presentation-chart-series-card > fieldset > textarea {
  resize: vertical;
  white-space: normal;
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  min-height: 50px;
  padding: 7px 8px;
}

.work-presentation-chart-series-card > fieldset > button {
  width: 30px;
  padding: 0;
}

.work-presentation-chart-series-list > button.add-series {
  width: 100%;
  min-width: 0;
  height: 34px;
}

.work-presentation-chart-series-analysis {
  border: 1px solid var(--a3s-line);
  background: color-mix(in srgb, var(--a3s-panel-soft) 64%, transparent);
  border-radius: 6px;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding: 8px;
  display: grid;
}

.work-presentation-chart-series-analysis > header {
  gap: 2px;
  display: grid;
}

.work-presentation-chart-series-analysis > header strong {
  color: var(--a3s-ink);
  font-size: 9px;
}

.work-presentation-chart-series-analysis > header span, .work-presentation-chart-series-analysis small {
  color: var(--a3s-faint);
  font-size: 8px;
  line-height: 1.4;
}

.work-presentation-chart-series-analysis label {
  min-width: 0;
  color: var(--a3s-muted);
  gap: 3px;
  display: grid;
}

.work-presentation-chart-series-analysis .work-office-checkbox.check {
  align-self: end;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  display: flex;
}

.work-presentation-chart-series-analysis .work-office-field, .work-presentation-chart-series-analysis .work-office-select, .work-presentation-chart-series-analysis .work-office-number-field, .work-presentation-chart-series-analysis .work-office-text-field {
  width: 100%;
  min-width: 0;
}

.work-presentation-chart-series-card > .work-spreadsheet-chart-series-style > div, .work-presentation-chart-series-analysis :is(.work-spreadsheet-trendlines, .work-spreadsheet-error-bars) fieldset {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-presentation-chart-series-analysis .work-spreadsheet-error-bars .error-reference {
  grid-column: 1 / -1;
}

@media (width <= 1100px) {
  .work-presentation-chart-panel {
    z-index: 24;
    width: min(420px, 100% - 44px);
    min-width: 0;
    position: absolute;
    inset: 0 0 0 auto;
    box-shadow: -18px 0 38px #171c2a2e;
  }
}

@media (width <= 520px) {
  .work-presentation-chart-panel {
    width: 100%;
  }

  .work-presentation-chart-controls, .work-presentation-chart-layout > div, .work-presentation-chart-data-labels > div, .work-presentation-chart-axes fieldset, .work-presentation-chart-series-card > .work-spreadsheet-chart-series-style > div, .work-presentation-chart-series-analysis :is(.work-spreadsheet-trendlines, .work-spreadsheet-error-bars) fieldset {
    grid-template-columns: minmax(0, 1fr);
  }
}

.work-presentation-animation-options, .work-presentation-animation-timing {
  border: 0;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: flex;
}

.work-presentation-animation-options .work-office-field, .work-presentation-animation-timing .work-office-field {
  flex: none;
}

.work-presentation-animation-options .work-office-field.effect {
  width: 88px;
}

.work-presentation-animation-options .work-office-field.animation-class {
  width: 92px;
}

.work-presentation-animation-options .work-office-field.trigger {
  width: 168px;
}

.work-presentation-animation-options .work-office-field.direction {
  width: 88px;
}

.work-presentation-animation-timing .work-office-field.seconds {
  width: 64px;
}

.work-presentation-player .work-slide-element[data-slide-animation-state="hidden"] {
  visibility: hidden;
  opacity: 0;
}

.work-presentation-player .work-slide-element[data-slide-animation-state="visible"] {
  visibility: visible;
  translate: 0;
  scale: 1;
}

.work-presentation-player .work-slide-element[data-slide-animation-state="playing"][data-slide-animation-initial-visibility="hidden"] {
  visibility: hidden;
  opacity: 0;
}

.work-presentation-player .work-slide-element[data-slide-animation-state="playing"][data-slide-animation-initial-visibility="visible"] {
  visibility: visible;
  translate: 0;
  scale: 1;
}

@keyframes work-slide-animation-appear {
  from {
    visibility: hidden;
    opacity: 0;
  }

  to {
    visibility: visible;
    opacity: var(--work-slide-element-opacity, 1);
  }
}

@keyframes work-slide-animation-disappear {
  from {
    visibility: visible;
    opacity: var(--work-slide-element-opacity, 1);
  }

  to {
    visibility: hidden;
    opacity: 0;
  }
}

@keyframes work-slide-animation-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: var(--work-slide-element-opacity, 1);
  }
}

@keyframes work-slide-animation-fade-out {
  from {
    visibility: visible;
    opacity: var(--work-slide-element-opacity, 1);
  }

  to {
    visibility: hidden;
    opacity: 0;
  }
}

@keyframes work-slide-animation-fly-in-left {
  from {
    opacity: 0;
    translate: -18%;
  }

  to {
    opacity: var(--work-slide-element-opacity, 1);
    translate: 0;
  }
}

@keyframes work-slide-animation-fly-in-right {
  from {
    opacity: 0;
    translate: 18%;
  }

  to {
    opacity: var(--work-slide-element-opacity, 1);
    translate: 0;
  }
}

@keyframes work-slide-animation-fly-in-up {
  from {
    opacity: 0;
    translate: 0 -18%;
  }

  to {
    opacity: var(--work-slide-element-opacity, 1);
    translate: 0;
  }
}

@keyframes work-slide-animation-fly-in-down {
  from {
    opacity: 0;
    translate: 0 18%;
  }

  to {
    opacity: var(--work-slide-element-opacity, 1);
    translate: 0;
  }
}

@keyframes work-slide-animation-fly-out-left {
  from {
    visibility: visible;
    opacity: var(--work-slide-element-opacity, 1);
    translate: 0;
  }

  to {
    visibility: hidden;
    opacity: 0;
    translate: -18%;
  }
}

@keyframes work-slide-animation-fly-out-right {
  from {
    visibility: visible;
    opacity: var(--work-slide-element-opacity, 1);
    translate: 0;
  }

  to {
    visibility: hidden;
    opacity: 0;
    translate: 18%;
  }
}

@keyframes work-slide-animation-fly-out-up {
  from {
    visibility: visible;
    opacity: var(--work-slide-element-opacity, 1);
    translate: 0;
  }

  to {
    visibility: hidden;
    opacity: 0;
    translate: 0 -18%;
  }
}

@keyframes work-slide-animation-fly-out-down {
  from {
    visibility: visible;
    opacity: var(--work-slide-element-opacity, 1);
    translate: 0;
  }

  to {
    visibility: hidden;
    opacity: 0;
    translate: 0 18%;
  }
}

@keyframes work-slide-animation-zoom {
  from {
    opacity: 0;
    scale: .72;
  }

  to {
    opacity: var(--work-slide-element-opacity, 1);
    scale: 1;
  }
}

@keyframes work-slide-animation-zoom-out {
  from {
    visibility: visible;
    opacity: var(--work-slide-element-opacity, 1);
    scale: 1;
  }

  to {
    visibility: hidden;
    opacity: 0;
    scale: .72;
  }
}

@media (prefers-reduced-motion: reduce) {
  .work-presentation-player .work-slide-element[data-slide-animation-state="playing"] {
    animation: none;
    translate: 0;
    scale: 1;
  }

  .work-presentation-player .work-slide-element[data-slide-animation-state="playing"][data-slide-animation-final-visibility="hidden"] {
    visibility: hidden;
    opacity: 0;
  }

  .work-presentation-player .work-slide-element[data-slide-animation-state="playing"][data-slide-animation-final-visibility="visible"] {
    visibility: visible;
    opacity: var(--work-slide-element-opacity, 1);
  }
}

.work-presentation-comments-panel {
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  max-height: 250px;
  color: var(--a3s-ink);
  flex-direction: column;
  flex: none;
  display: flex;
}

.work-presentation-comments-panel > header {
  border-bottom: 1px solid var(--a3s-line);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 6px 10px 5px 12px;
  display: flex;
}

.work-presentation-comments-panel > header > div {
  gap: 1px;
  display: grid;
}

.work-presentation-comments-panel > header strong {
  font-size: 11px;
}

.work-presentation-comments-panel > header span {
  color: var(--a3s-faint);
  font-size: 9px;
}

.work-presentation-comments-panel > header button.close {
  width: 27px;
  height: 27px;
  color: var(--a3s-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.work-presentation-comments-panel > header button.close:hover {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-presentation-comment-list {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 7px;
  padding: 8px 10px 10px;
  display: grid;
  overflow: auto;
}

.work-presentation-comment-list > article {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-bg);
  border-left: 3px solid #d4a31e;
  border-radius: 7px;
  align-content: start;
  gap: 6px;
  padding: 8px;
  display: grid;
}

.work-presentation-comment-list > article.active {
  border-color: color-mix(in srgb, #d4a31e 72%, var(--a3s-line));
  box-shadow: 0 0 0 2px #d4a31e1a;
}

.work-presentation-comment-location {
  color: #79590c;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 5px;
  min-width: 0;
  padding: 0;
  font-size: 8px;
  display: inline-flex;
  overflow: hidden;
}

.work-presentation-comment-location span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.work-presentation-comment-list > article > header {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.work-presentation-comment-list > article > header strong {
  font-size: 9px;
}

.work-presentation-comment-list > article > header time {
  color: var(--a3s-faint);
  white-space: nowrap;
  font-size: 8px;
}

.work-presentation-comment-list textarea {
  resize: vertical;
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-height: 48px;
  color: var(--a3s-ink);
  font: inherit;
  border-radius: 6px;
  outline: 0;
  padding: 6px 7px;
  font-size: 9px;
  line-height: 1.4;
}

.work-presentation-comment-list textarea:focus {
  border-color: var(--a3s-blue);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--a3s-blue) 12%, transparent);
}

.work-presentation-comment-list > article > footer {
  color: var(--a3s-faint);
  justify-content: space-between;
  align-items: center;
  font-size: 8px;
  display: flex;
}

.work-presentation-comment-list > article > footer button {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  height: 25px;
  color: var(--a3s-muted);
  cursor: pointer;
  border-radius: 5px;
  align-items: center;
  gap: 4px;
  padding: 0 7px;
  font-size: 8px;
  display: inline-flex;
}

.work-presentation-comment-list > article > footer button:hover {
  border-color: var(--a3s-red);
  color: var(--a3s-red);
}

.work-presentation-comments-empty.ds-collection-state {
  min-height: 58px;
  margin: 6px;
  padding: 8px;
  font-size: 9px;
}

.work-presentation-layout {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
}

.work-presentation-slide-navigation-toggle, .work-presentation-slide-navigation-backdrop, .work-slide-strip-header {
  display: none;
}

.work-slide-strip {
  border-right: 1px solid var(--a3s-line);
  background: color-mix(in srgb, var(--a3s-panel-soft) 60%, var(--a3s-panel));
  flex-direction: column;
  flex: 0 0 184px;
  gap: 10px;
  width: 184px;
  padding: 14px 12px 30px;
  display: flex;
  overflow-y: auto;
}

.work-slide-thumbnail-list {
  flex-direction: column;
  flex: none;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.work-slide-thumbnail-list > button {
  cursor: pointer;
  background: none;
  border: 2px solid #0000;
  border-radius: 7px;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  padding: 4px 4px 4px 0;
  display: flex;
  position: relative;
}

.work-slide-thumbnail-list > button:hover {
  background: var(--a3s-panel-strong);
}

.work-slide-thumbnail-list > button.active {
  border-color: color-mix(in srgb, #db663b 72%, var(--a3s-line));
  background: color-mix(in srgb, #db663b 6%, var(--a3s-panel));
}

.work-slide-thumbnail-list > button > span:first-child {
  width: 18px;
  color: var(--a3s-faint);
  text-align: center;
  flex: 0 0 18px;
  font-size: 9px;
}

.work-slide-strip .work-slide-canvas {
  border: 1px solid var(--a3s-line);
  border-radius: 3px;
  flex: 0 0 130px;
  width: 130px;
  box-shadow: 0 3px 9px #191f2d14;
}

.work-slide-thumbnail-placeholder {
  contain: strict;
  pointer-events: none;
}

.work-slide-thumbnail-spacer {
  pointer-events: none;
  flex: none;
  grid-column: 1 / -1;
  min-width: 0;
  display: block;
}

.work-slide-add {
  border: 1px dashed var(--a3s-line-strong);
  width: 136px;
  height: 34px;
  color: var(--a3s-muted);
  cursor: pointer;
  background: none;
  border-radius: 7px;
  flex: 0 0 34px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-left: 22px;
  font-size: 10px;
  display: flex;
}

.work-slide-add:hover {
  background: color-mix(in srgb, #db663b 5%, var(--a3s-panel));
  color: #b44e31;
  border-color: #db663b;
}

.work-slide-stage {
  background: linear-gradient(45deg, #00000004 25%, transparent 25%) 0 0 / 16px
    16px,
    linear-gradient(-45deg, #00000004 25%, transparent 25%) 0 8px / 16px
    16px,
    color-mix(in srgb, var(--a3s-panel-strong) 58%, var(--a3s-bg));
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 13px;
  min-width: 0;
  min-height: 0;
  padding: 24px 34px 14px;
  display: flex;
  overflow: auto;
}

.work-slide-stage > .work-slide-canvas {
  flex: none;
  width: min(100%, 1050px);
  margin-top: auto;
  box-shadow: 0 18px 46px #171c2a2e;
}

.work-slide-stage > footer {
  width: min(100%, 1050px);
  color: var(--a3s-faint);
  justify-content: space-between;
  font-size: 9px;
  display: flex;
}

.work-slide-canvas {
  aspect-ratio: 16 / 9;
  color: #172033;
  display: block;
  position: relative;
  overflow: hidden;
  container-type: size;
}

.work-slide-canvas.interactive {
  touch-action: none;
  overflow: visible;
}

.work-presentation-comment-pin {
  z-index: 12;
  color: #302400;
  cursor: pointer;
  background: #e7ad1c;
  border: 2px solid #fff;
  border-radius: 50% 50% 50% 4px;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 9px;
  font-weight: 750;
  display: grid;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: 0 3px 8px #362b0c47;
}

.work-presentation-comment-pin.active {
  outline-offset: 2px;
  outline: 2px solid #c39114;
}

.work-slide-element {
  white-space: pre-wrap;
  border: 0;
  justify-content: center;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
  overflow: visible;
}

.work-slide-element.inherited {
  pointer-events: none;
}

.work-slide-element.placeholder {
  outline-offset: -2px;
  outline: 1px dashed #3478f6b3;
}

.work-slide-placeholder-text {
  opacity: .52;
}

.work-slide-placeholder-guide {
  z-index: 1;
  color: #2e65cb;
  cursor: text;
  background: #3478f60d;
  border: 1px dashed #3478f69e;
  place-items: center;
  padding: 2%;
  font-size: clamp(6px, 1.2cqw, 13px);
  display: grid;
  position: absolute;
}

.work-slide-placeholder-guide:hover {
  background: #3478f617;
  border-style: solid;
}

.work-slide-snap-guide {
  z-index: 18;
  pointer-events: none;
  background: #df5682;
  display: block;
  position: absolute;
  box-shadow: 0 0 0 .5px #ffffffb8;
}

.work-slide-snap-guide.vertical {
  width: 1px;
  top: -1px;
  bottom: -1px;
  transform: translateX(-.5px);
}

.work-slide-snap-guide.horizontal {
  height: 1px;
  left: -1px;
  right: -1px;
  transform: translateY(-.5px);
}

.work-slide-selection-frame {
  z-index: 16;
  outline-offset: 2px;
  pointer-events: none;
  border: 1px dashed #5990f8;
  outline: 1px solid #3478f62e;
  display: block;
  position: absolute;
}

.work-presentation-remote-presence-layer {
  z-index: 14;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  inset: 0;
  overflow: visible;
}

.work-presentation-remote-element {
  box-sizing: border-box;
  border: 1.5px solid var(--work-office-presence-color);
  outline: 1px solid
    color-mix(in srgb, var(--work-office-presence-color) 18%, transparent);
  outline-offset: 2px;
  transform-origin: center;
  display: block;
  position: absolute;
}

.work-presentation-remote-element > span, .work-presentation-remote-slide-marker {
  background: var(--work-office-presence-color);
  color: #fff;
  max-width: 160px;
  font: 650 9px / 1.25 var(--a3s-ui-font);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 4px;
  padding: 3px 6px;
  overflow: hidden;
  box-shadow: 0 3px 8px #0f172a29;
}

.work-presentation-remote-element > span {
  border-radius: 4px 4px 4px 0;
  position: absolute;
  bottom: 100%;
  left: -2px;
}

.work-presentation-remote-slide-marker {
  position: absolute;
  right: 8px;
}

:is(.work-presentation-remote-element, .work-presentation-remote-slide-marker)[data-activity="idle"] {
  opacity: .68;
}

:is(.work-presentation-remote-element, .work-presentation-remote-slide-marker)[data-activity="away"] {
  opacity: .42;
}

@media (forced-colors: active) {
  .work-presentation-remote-element {
    border-color: highlight;
    outline-color: highlight;
  }

  .work-presentation-remote-element > span, .work-presentation-remote-slide-marker {
    color: highlighttext;
    background: highlight;
  }
}

.work-slide-selection-resize-handle {
  cursor: nwse-resize;
  pointer-events: auto;
  background: #fff;
  border: 1px solid #3478f6;
  border-radius: 2px;
  width: 15px;
  height: 15px;
  padding: 0;
  position: absolute;
  bottom: -8px;
  right: -8px;
  box-shadow: 0 1px 3px #1720332e;
}

.work-slide-selection-resize-handle:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #8fb5fa;
}

.work-slide-canvas:not(.interactive) .work-slide-element {
  overflow: hidden;
}

.work-slide-element > span:not(.work-slide-move-handle):not(.work-slide-resize-handle) {
  white-space: pre-wrap;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 3%;
  line-height: 1.2;
  display: flex;
}

.work-slide-element > img {
  object-fit: fill;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.work-slide-element > canvas {
  width: 100%;
  height: 100%;
}

.work-slide-element-link {
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  display: flex;
}

.work-slide-rich-text {
  white-space: pre-wrap;
  width: 100%;
  height: 100%;
  padding: 3%;
  line-height: 1.2;
  display: block;
  overflow: hidden;
}

.work-slide-rich-text a {
  color: inherit;
  text-decoration: underline;
}

.work-slide-rich-editor {
  cursor: text;
  outline: 0;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.work-slide-rich-editor > div, .work-slide-rich-editor .tiptap {
  width: 100%;
  height: 100%;
}

.work-slide-rich-editor .tiptap {
  white-space: pre-wrap;
  outline: 0;
  padding: 3%;
  line-height: 1.2;
  overflow: hidden;
}

.work-slide-rich-editor .tiptap p {
  margin: 0;
}

.work-slide-rich-editor .tiptap p + p {
  margin-top: .2em;
}

.work-slide-rich-editor .tiptap p.is-editor-empty:first-child:before {
  float: left;
  height: 0;
  color: color-mix(in srgb, currentColor 42%, transparent);
  content: attr(data-placeholder);
  pointer-events: none;
}

.work-slide-element textarea {
  resize: none;
  white-space: pre-wrap;
  background: none;
  border: 0;
  outline: 0;
  width: 100%;
  height: 100%;
  padding: 3%;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, sans-serif;
  line-height: 1.2;
  overflow: hidden;
}

.work-slide-table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  color: inherit;
  background: #fff;
  font-size: clamp(5px, 1.25cqw, 13px);
}

.work-slide-table th, .work-slide-table td {
  text-align: left;
  text-overflow: ellipsis;
  border: 1px solid #cbd2de;
  min-width: 0;
  padding: 1.5% 2%;
  overflow: hidden;
}

.work-slide-table th {
  background: #eef3fb;
  font-weight: 700;
}

.work-slide-table.editable textarea {
  min-height: 0;
  font: inherit;
  padding: 0;
  line-height: 1.15;
}

.work-slide-chart {
  display: block;
}

.work-slide-element.selected {
  outline-offset: 1px;
  outline: 1.5px solid #3478f6;
}

.work-slide-element.editing {
  outline-width: 2px;
  outline-style: solid;
}

.work-slide-element.selected:before, .work-slide-element.selected:after {
  z-index: 3;
  content: "";
  pointer-events: none;
  background: #fff;
  border: 1px solid #3478f6;
  border-radius: 1px;
  width: 7px;
  height: 7px;
  position: absolute;
}

.work-slide-element.selected:before {
  top: -5px;
  left: -5px;
}

.work-slide-element.selected:after {
  bottom: -5px;
  right: -5px;
}

.work-slide-element.multi-selected:before, .work-slide-element.multi-selected:after {
  display: none;
}

.work-slide-move-handle {
  z-index: 4;
  cursor: move;
  width: 64%;
  height: 12px;
  position: absolute;
  top: -9px;
  left: 18%;
}

.work-slide-resize-handle {
  z-index: 5;
  cursor: nwse-resize;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -8px;
  right: -8px;
}

.work-slide-notes {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  border-radius: 8px;
  flex-direction: column;
  flex: none;
  gap: 5px;
  width: min(100%, 1050px);
  min-height: 78px;
  margin-bottom: auto;
  padding: 8px 10px 10px;
  display: flex;
  box-shadow: 0 5px 18px #171c2a0f;
}

.work-slide-notes > span {
  color: var(--a3s-faint);
  font-size: 9px;
  font-weight: 650;
}

.work-slide-notes textarea {
  resize: vertical;
  width: 100%;
  min-height: 44px;
  color: var(--a3s-ink);
  background: none;
  border: 0;
  outline: 0;
  padding: 5px 0;
  font-family: inherit;
  font-size: 10px;
  line-height: 1.45;
}

@media (width <= 1120px) {
  .work-slide-strip {
    flex-basis: 160px;
    width: 160px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .work-slide-strip .work-slide-canvas {
    flex-basis: 112px;
    width: 112px;
  }

  .work-slide-add {
    width: 118px;
  }

  .work-slide-stage {
    padding-left: 22px;
    padding-right: 22px;
  }
}

@media (width <= 640px) {
  .work-presentation-comments-panel {
    z-index: 32;
    background: var(--a3s-panel);
    border-bottom: 0;
    max-height: none;
    position: absolute;
    inset: 0;
    box-shadow: 0 18px 48px #171c2a38;
  }

  .work-presentation-comments-panel > header {
    flex: 0 0 54px;
    min-height: 54px;
    padding: 7px 8px 7px 14px;
  }

  .work-presentation-comments-panel > header strong {
    font-size: 13px;
  }

  .work-presentation-comments-panel > header span {
    font-size: 11px;
  }

  .work-presentation-comments-panel > header button.close {
    border-radius: 8px;
    width: 44px;
    height: 44px;
  }

  .work-presentation-comment-list {
    flex: 1;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 12px;
    min-height: 0;
    padding: 12px;
  }

  .work-presentation-comment-list > article {
    border-left-width: 4px;
    border-radius: 10px;
    gap: 9px;
    padding: 12px;
  }

  .work-presentation-comment-location {
    gap: 7px;
    min-height: 44px;
    font-size: 11px;
  }

  .work-presentation-comment-list > article > header strong {
    font-size: 12px;
  }

  .work-presentation-comment-list > article > header time, .work-presentation-comment-list > article > footer {
    font-size: 10px;
  }

  .work-presentation-comment-list textarea {
    resize: none;
    border-radius: 8px;
    min-height: 104px;
    padding: 10px;
    font-size: 13px;
    line-height: 1.5;
  }

  .work-presentation-comment-list > article > footer button {
    border-radius: 8px;
    justify-content: center;
    min-width: 72px;
    height: 44px;
    padding: 0 12px;
    font-size: 11px;
  }

  .work-presentation-comments-empty.ds-collection-state {
    min-height: 96px;
    margin: 0;
    padding: 14px;
    font-size: 12px;
    line-height: 1.5;
  }

  .work-presentation-slide-navigation-toggle {
    z-index: 18;
    border: 1px solid var(--a3s-line-strong);
    background: var(--a3s-panel);
    height: 32px;
    color: var(--a3s-ink);
    font: inherit;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    border-radius: 7px;
    align-items: center;
    gap: 6px;
    padding: 0 9px;
    font-size: 10px;
    font-weight: 650;
    display: inline-flex;
    position: absolute;
    top: 8px;
    left: 8px;
    box-shadow: 0 4px 14px #171c2a1a;
  }

  .work-presentation-slide-navigation-toggle:hover, .work-presentation-slide-navigation-toggle:focus-visible {
    border-color: color-mix(in srgb, #db663b 55%, var(--a3s-line));
    color: #b44e31;
    outline: 0;
  }

  .work-presentation-slide-navigation-backdrop {
    z-index: 30;
    cursor: default;
    background: #161c283d;
    border: 0;
    padding: 0;
    display: block;
    position: absolute;
    inset: 0;
  }

  .work-slide-strip {
    z-index: 31;
    visibility: hidden;
    border-right: 1px solid var(--a3s-line-strong);
    opacity: 0;
    pointer-events: none;
    flex-basis: auto;
    gap: 10px;
    width: min(82vw, 280px);
    padding: 0 10px 18px;
    transition: transform .16s, opacity .16s, visibility 0s linear .16s;
    position: absolute;
    inset: 0 auto 0 0;
    transform: translateX(-100%);
    box-shadow: 16px 0 38px #171c2a2e;
  }

  .work-presentation-layout[data-mobile-slide-navigation="open"] > .work-slide-strip {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0s;
    transform: translateX(0);
  }

  .work-slide-strip-header {
    z-index: 2;
    border-bottom: 1px solid var(--a3s-line);
    background: var(--a3s-panel);
    flex: 0 0 44px;
    justify-content: space-between;
    align-items: center;
    min-height: 44px;
    margin: 0 -10px;
    padding: 0 8px 0 12px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .work-slide-strip-header > strong {
    font-size: 11px;
    font-weight: 680;
  }

  .work-slide-strip-header > button {
    width: 30px;
    height: 30px;
    color: var(--a3s-muted);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 6px;
    place-items: center;
    padding: 0;
    display: grid;
  }

  .work-slide-strip-header > button:hover, .work-slide-strip-header > button:focus-visible {
    background: var(--a3s-panel-soft);
    color: var(--a3s-ink);
    outline: 0;
  }

  .work-slide-thumbnail-list {
    padding-top: 2px;
  }

  .work-slide-strip .work-slide-canvas {
    flex-basis: 200px;
    width: 200px;
  }

  .work-slide-add {
    width: 206px;
  }

  .work-slide-stage {
    padding: 50px 14px 12px;
  }

  .work-slide-stage > .work-slide-canvas {
    margin-top: 0;
  }

  .work-slide-notes {
    margin-bottom: 0;
  }

  .work-presentation-status {
    gap: 6px;
    padding-left: 8px;
  }

  .work-presentation-status .work-office-status-info {
    flex: 0 auto;
    gap: 0;
  }

  .work-presentation-status .work-presentation-status-primary {
    font-variant-numeric: tabular-nums;
    flex: none;
  }

  .work-presentation-status .work-presentation-status-secondary, .work-presentation-status .work-office-save-status {
    display: none;
  }

  .work-presentation-status .work-office-status-view {
    margin-left: auto;
  }

  .work-presentation-status .work-office-status-slider {
    width: 54px;
  }
}

@media (width <= 640px) and (prefers-reduced-motion: reduce) {
  .work-slide-strip {
    transition: none;
  }
}

.work-presentation-player {
  background: #14171e;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 18px;
  min-width: 0;
  min-height: 0;
  padding: 30px 42px 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-presentation-blank-screen {
  z-index: 20;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.work-presentation-blank-screen[data-blank-screen="black"] {
  background: #000;
}

.work-presentation-blank-screen[data-blank-screen="white"] {
  background: #fff;
}

.work-presentation-player-stage {
  flex: 1;
  place-items: center;
  width: min(100%, 1180px);
  min-height: 0;
  display: grid;
  position: relative;
}

.work-presentation-player-advance {
  z-index: 1;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  position: absolute;
  inset: 0;
}

.work-presentation-player-advance:disabled {
  cursor: default;
}

.work-presentation-transition-layer {
  z-index: 2;
  width: min(100%, 177.778vh - 337.778px);
  max-height: calc(100vh - 190px);
  animation-duration: var(--work-slide-transition-duration, 1s);
  pointer-events: none;
  place-items: center;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  display: grid;
  position: relative;
}

.work-presentation-transition-layer a {
  pointer-events: auto;
}

.work-presentation-transition-layer .work-slide-canvas {
  width: 100%;
  box-shadow: 0 24px 80px #00000061;
}

.work-presentation-transition-layer[data-slide-transition="fade"] {
  animation-name: work-slide-transition-fade;
}

.work-presentation-transition-layer[data-slide-transition="push"] {
  animation-name: work-slide-transition-push;
}

.work-presentation-transition-layer[data-slide-transition="push"][data-transition-direction="left"] {
  --work-slide-transition-x: 8%;
  --work-slide-transition-y: 0;
}

.work-presentation-transition-layer[data-slide-transition="push"][data-transition-direction="right"] {
  --work-slide-transition-x: -8%;
  --work-slide-transition-y: 0;
}

.work-presentation-transition-layer[data-slide-transition="push"][data-transition-direction="up"] {
  --work-slide-transition-x: 0;
  --work-slide-transition-y: 8%;
}

.work-presentation-transition-layer[data-slide-transition="push"][data-transition-direction="down"] {
  --work-slide-transition-x: 0;
  --work-slide-transition-y: -8%;
}

.work-presentation-transition-layer[data-slide-transition="wipe"] {
  animation-name: work-slide-transition-wipe;
}

.work-presentation-transition-layer[data-slide-transition="wipe"][data-transition-direction="left"] {
  --work-slide-transition-clip: inset(0 100% 0 0);
}

.work-presentation-transition-layer[data-slide-transition="wipe"][data-transition-direction="right"] {
  --work-slide-transition-clip: inset(0 0 0 100%);
}

.work-presentation-transition-layer[data-slide-transition="wipe"][data-transition-direction="up"] {
  --work-slide-transition-clip: inset(100% 0 0 0);
}

.work-presentation-transition-layer[data-slide-transition="wipe"][data-transition-direction="down"] {
  --work-slide-transition-clip: inset(0 0 100% 0);
}

.work-presentation-transition-layer[data-slide-transition="split"] {
  animation-name: work-slide-transition-wipe;
}

.work-presentation-transition-layer[data-slide-transition="split"][data-transition-orientation="horizontal"][data-transition-direction="out"] {
  --work-slide-transition-clip: inset(50% 0);
}

.work-presentation-transition-layer[data-slide-transition="split"][data-transition-orientation="horizontal"][data-transition-direction="in"], .work-presentation-transition-layer[data-slide-transition="split"][data-transition-orientation="vertical"][data-transition-direction="out"] {
  --work-slide-transition-clip: inset(0 50%);
}

.work-presentation-transition-layer[data-slide-transition="split"][data-transition-orientation="vertical"][data-transition-direction="in"] {
  --work-slide-transition-clip: inset(50% 0);
}

@keyframes work-slide-transition-fade {
  from {
    opacity: 0;
  }
}

@keyframes work-slide-transition-push {
  from {
    opacity: .72;
    transform: translate(var(--work-slide-transition-x, 0),
      var(--work-slide-transition-y, 0));
  }
}

@keyframes work-slide-transition-wipe {
  from {
    clip-path: var(--work-slide-transition-clip, inset(0));
  }
}

.work-presentation-presenter {
  color: #ffffffe0;
  flex-direction: column;
  flex: 1;
  gap: 14px;
  width: min(100%, 1320px);
  min-height: 0;
  display: flex;
}

.work-presentation-presenter > header {
  flex: none;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  display: flex;
}

.work-presentation-presenter > header > div:first-child {
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.work-presentation-presenter > header span {
  color: #ffffff7a;
  font-size: 10px;
}

.work-presentation-presenter > header strong {
  color: #fff;
  font-variant-numeric: tabular-nums;
  font-size: 22px;
}

.work-presentation-presenter > header output {
  color: #ffffffa6;
  margin-left: auto;
  font-size: 11px;
}

.work-presentation-presenter-timer-actions {
  gap: 4px;
  display: flex;
}

.work-presentation-presenter-timer-actions button {
  width: 28px;
  height: 28px;
  color: inherit;
  cursor: pointer;
  background: #ffffff0d;
  border: 1px solid #ffffff1f;
  border-radius: 7px;
  place-items: center;
  padding: 0;
  display: grid;
}

.work-presentation-presenter-grid {
  flex: 1;
  grid-template-rows: auto minmax(150px, 1fr);
  grid-template-columns: minmax(0, 2.2fr) minmax(230px, .8fr);
  gap: 15px;
  min-height: 0;
  display: grid;
}

.work-presentation-presenter-grid > section, .work-presentation-presenter-grid > aside {
  min-width: 0;
  min-height: 0;
}

.work-presentation-presenter-grid h2 {
  color: #ffffff94;
  margin: 0 0 8px;
  font-size: 10px;
  font-weight: 650;
}

.work-presentation-presenter-current {
  flex-direction: column;
  grid-row: 1 / 3;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.work-presentation-presenter-current .work-slide-canvas {
  width: min(100%, 177.778vh - 444.444px);
  box-shadow: 0 20px 60px #00000059;
}

.work-presentation-presenter-next, .work-presentation-presenter-notes {
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  padding: 12px;
}

.work-presentation-presenter-next {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.work-presentation-presenter-next .work-slide-canvas {
  width: 100%;
  box-shadow: 0 8px 24px #0000003d;
}

.work-presentation-presenter-next > span {
  align-self: flex-start;
  margin-top: 7px;
}

.work-presentation-presenter-next > p {
  color: #ffffff6b;
  margin: auto;
  font-size: 12px;
}

.work-presentation-presenter-notes {
  overflow: auto;
}

.work-presentation-presenter-notes > p {
  color: #ffffffd1;
  white-space: pre-wrap;
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
}

.work-presentation-player > footer {
  z-index: 21;
  color: #ffffffd1;
  background: #ffffff12;
  border: 1px solid #ffffff1f;
  border-radius: 10px;
  flex: 0 0 40px;
  align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 7px;
  display: flex;
  position: relative;
}

.work-presentation-player > footer button {
  width: 31px;
  height: 31px;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  place-items: center;
  padding: 0;
  display: grid;
}

.work-presentation-player > footer button:hover:not(:disabled), .work-presentation-player > footer button.active {
  color: #fff;
  background: #ffffff1a;
}

.work-presentation-player > footer button:disabled {
  cursor: not-allowed;
  opacity: .25;
}

.work-presentation-player > footer span {
  text-align: center;
  min-width: 52px;
  font-size: 10px;
}

.work-presentation-player > footer .work-presentation-player-fullscreen {
  border-left: 1px solid #ffffff1f;
  border-radius: 0 7px 7px 0;
  margin-left: 5px;
}

.work-presentation-player > footer .work-presentation-player-exit {
  border-left: 1px solid #ffffff1f;
  border-radius: 0 7px 7px 0;
}

.work-presentation-slideshow-layer {
  z-index: 1000;
  background: #14171e;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: fixed;
  inset: 0;
}

.work-presentation-slideshow-layer .work-presentation-player {
  width: 100%;
  height: 100%;
}

.work-presentation-player:fullscreen {
  width: 100vw;
  height: 100vh;
  padding: 22px;
}

.work-presentation-player:fullscreen .work-presentation-transition-layer {
  width: min(100%, 177.778vh - 186.667px);
  max-height: calc(100vh - 105px);
}

@media (prefers-reduced-motion: reduce) {
  .work-presentation-transition-layer {
    animation: none;
  }
}

@media (width <= 980px) {
  .work-presentation-player {
    padding-left: 22px;
    padding-right: 22px;
  }

  .work-presentation-presenter-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(190px, .8fr);
  }
}

@media (width <= 640px) {
  .work-presentation-player {
    gap: 10px;
    padding: 16px 12px 10px;
  }

  .work-presentation-presenter {
    gap: 10px;
  }

  .work-presentation-presenter > header {
    min-height: 36px;
  }

  .work-presentation-presenter-grid {
    grid-template-rows: auto auto minmax(80px, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    overflow: hidden;
  }

  .work-presentation-presenter-current {
    grid-row: auto;
  }

  .work-presentation-presenter-next {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
  }

  .work-presentation-presenter-next h2, .work-presentation-presenter-next > span {
    margin: 0;
  }

  .work-presentation-presenter-next .work-slide-canvas {
    display: none;
  }

  .work-presentation-presenter-notes {
    padding: 10px;
  }
}

.work-pdf-export-page.presentation-print {
  flex-direction: column;
  gap: 24px;
  padding: 54px 64px;
  font-family: Inter, PingFang SC, Microsoft YaHei, sans-serif;
  display: flex;
}

.work-pdf-export-page.presentation-print.portrait {
  width: 794px;
  min-height: 1123px;
}

.work-pdf-export-page.presentation-print.landscape {
  width: 1120px;
  min-height: 794px;
}

.work-pdf-export-page.presentation-print.slides {
  aspect-ratio: 16 / 9;
  gap: 0;
  width: 1120px;
  min-height: 630px;
  padding: 0;
}

.work-pdf-export-page.presentation-print.slides > .work-slide-canvas {
  width: 100%;
}

.work-presentation-print-heading {
  color: #20273a;
  border-bottom: 1px solid #d9dce3;
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 12px;
  display: flex;
}

.work-presentation-print-heading strong {
  font-size: 18px;
}

.work-presentation-print-heading span {
  color: #747b89;
  font-size: 12px;
}

.work-presentation-print-notes-slide {
  flex: none;
  justify-content: center;
  display: flex;
}

.work-presentation-print-notes-slide .work-slide-canvas {
  border: 1px solid #d9dce3;
  width: 100%;
}

.work-presentation-print-notes {
  border-top: 1px solid #d9dce3;
  flex: 1;
  min-height: 310px;
  padding: 24px 0 0;
}

.work-presentation-print-notes h2 {
  color: #747b89;
  margin: 0 0 16px;
  font-size: 13px;
}

.work-presentation-print-notes p {
  color: #20273a;
  white-space: pre-wrap;
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
}

.work-presentation-handout-grid {
  flex: 1;
  gap: 22px;
  min-height: 0;
  display: grid;
}

.work-presentation-handout-grid.handout-2, .work-presentation-handout-grid.handout-3 {
  grid-template-columns: 1fr;
}

.work-presentation-handout-grid.handout-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.work-presentation-handout-grid.handout-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.work-presentation-handout-grid.handout-6 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-presentation-handout-slide {
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 0;
  display: grid;
}

.work-presentation-handout-slide > span {
  color: #747b89;
  font-variant-numeric: tabular-nums;
  align-self: start;
  font-size: 12px;
}

.work-presentation-handout-slide > div:not(.work-presentation-handout-lines) {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.work-presentation-handout-slide .work-slide-canvas {
  border: 1px solid #d9dce3;
  width: 100%;
}

.work-presentation-handout-slide strong {
  color: #4f5665;
  font-size: 10px;
  font-weight: 600;
}

.work-presentation-handout-grid.handout-3 .work-presentation-handout-slide {
  grid-template-columns: 22px minmax(0, .9fr) minmax(0, 1fr);
}

.work-presentation-handout-lines {
  background: repeating-linear-gradient(#0000 0 29px, #d9dce3 29px 30px);
  width: 100%;
  height: 100%;
  min-height: 150px;
}

.work-presentation-handout-grid.handout-6 .work-presentation-handout-slide {
  align-items: start;
}

.work-pdf-viewer {
  --work-pdf-accent: #c84040;
  --work-office-control-accent: var(--work-pdf-accent);
  background: #32363f;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.work-pdf-annotation-style-panel, .work-pdf-overflow-panel {
  --work-pdf-accent: #c84040;
}

.work-pdf-toolbar {
  z-index: 2;
  border-bottom: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-width: 0;
  height: 42px;
  color: var(--a3s-muted);
  flex: 0 0 42px;
  align-items: center;
  gap: 7px;
  padding: 0 9px;
  font-size: 10px;
  display: flex;
}

.work-pdf-toolbar-group {
  align-items: center;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.work-pdf-toolbar .ds-icon-button {
  border-radius: 5px;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
}

.work-pdf-toolbar .ds-icon-button.selected {
  background: color-mix(in srgb, var(--work-pdf-accent) 9%, var(--a3s-panel));
  color: var(--work-pdf-accent);
}

.work-pdf-toolbar .ds-icon-button:disabled, .work-pdf-fit-button:disabled {
  cursor: default;
  opacity: .38;
}

.work-pdf-history {
  border-right: 1px solid var(--a3s-line);
  padding-right: 5px;
}

.work-pdf-annotation {
  border: 0;
  border-right: 1px solid var(--a3s-line);
  margin: 0;
  padding-left: 0;
  padding-right: 5px;
}

.work-pdf-annotation-color {
  margin-left: 2px;
}

.work-pdf-annotation-color .work-office-color-trigger {
  border-color: #0000;
  border-radius: 5px;
  width: 28px;
  height: 28px;
  padding: 0 5px;
}

.work-pdf-annotation-color .work-office-color-swatch {
  width: 11px;
  height: 11px;
}

.work-pdf-annotation-style {
  flex: none;
}

.work-pdf-annotation-style-panel {
  border: 1px solid var(--a3s-line-strong);
  background: var(--a3s-panel);
  border-radius: 9px;
  width: 238px;
  padding: 10px;
  box-shadow: 0 14px 34px #0f172a2e;
}

.work-pdf-annotation-style-content, .work-pdf-annotation-style-row {
  display: grid;
}

.work-pdf-annotation-style-content {
  gap: 10px;
}

.work-pdf-annotation-style-row {
  border: 0;
  gap: 5px;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.work-pdf-annotation-style-row > legend {
  color: var(--a3s-muted);
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: 600;
}

.work-pdf-annotation-style-options {
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  gap: 3px;
  display: grid;
}

.work-pdf-annotation-style-options > label {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-width: 0;
  height: 28px;
  color: var(--a3s-muted);
  font: inherit;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  border-radius: 5px;
  place-items: center;
  padding: 0 5px;
  font-size: 10px;
  display: grid;
  position: relative;
}

.work-pdf-annotation-style-options > label > input {
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
  margin: 0;
  position: absolute;
  inset: 0;
}

.work-pdf-annotation-style-options > label:hover:not(:has(input:disabled)), .work-pdf-annotation-style-options > label:has(input:focus-visible) {
  border-color: var(--work-pdf-accent);
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-pdf-annotation-style-options > label:has(input:focus-visible) {
  outline: 1px solid var(--work-pdf-accent);
  outline-offset: 1px;
}

.work-pdf-annotation-style-options > label:has(input:checked) {
  border-color: color-mix(in srgb, var(--work-pdf-accent) 42%, var(--a3s-line));
  background: color-mix(in srgb, var(--work-pdf-accent) 11%, var(--a3s-panel));
  color: var(--work-pdf-accent);
  font-weight: 650;
}

.work-pdf-annotation-style-options > label:has(input:disabled) {
  cursor: default;
  opacity: .4;
}

.work-pdf-search {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  border-radius: 6px;
  align-items: center;
  gap: 1px;
  width: clamp(180px, 24vw, 300px);
  min-width: 150px;
  height: 29px;
  padding-left: 8px;
  display: flex;
}

.work-pdf-search > form {
  display: contents;
}

.work-pdf-search:focus-within {
  border-color: var(--work-pdf-accent);
  box-shadow: 0 0 0 2px
    color-mix(in srgb, var(--work-pdf-accent) 14%, transparent);
}

.work-pdf-search > form > svg {
  color: var(--a3s-faint);
  flex: none;
}

.work-pdf-search .work-office-text-field {
  width: 100%;
  min-width: 40px;
  height: 27px;
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0 4px;
}

.work-pdf-search .work-office-text-field::-webkit-search-cancel-button {
  display: none;
}

.work-pdf-search .ds-icon-button {
  flex-basis: 24px;
  width: 24px;
  height: 24px;
}

.work-pdf-search-state {
  min-width: 34px;
  color: var(--a3s-faint);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  display: inline-flex;
}

.work-pdf-page-controls {
  font-variant-numeric: tabular-nums;
  margin-left: auto;
}

.work-pdf-page-field.work-office-text-field {
  text-align: center;
  width: 38px;
  height: 26px;
  padding: 0 5px;
}

.work-pdf-page-total {
  min-width: 28px;
  color: var(--a3s-faint);
  white-space: nowrap;
  margin-right: 2px;
}

.work-pdf-zoom-controls {
  border-left: 1px solid var(--a3s-line);
  padding-left: 6px;
}

.work-pdf-zoom-controls > output {
  width: 38px;
  color: var(--a3s-muted);
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.work-pdf-fit-button {
  height: 27px;
  color: var(--a3s-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 5px;
  padding: 0 7px;
}

.work-pdf-fit-button:hover:not(:disabled), .work-pdf-fit-button[aria-pressed="true"] {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-pdf-fit-button[aria-pressed="true"] {
  color: var(--work-pdf-accent);
}

.work-pdf-save {
  border-right: 1px solid var(--a3s-line);
  min-height: 29px;
  margin-right: 3px;
  padding-right: 8px;
}

.work-pdf-save > output {
  text-align: right;
  min-width: 57px;
}

.work-pdf-save .ds-status-badge {
  padding: 2px 6px;
  font-size: 9px;
}

.work-pdf-save .ds-button {
  border-radius: 6px;
  gap: 5px;
  min-height: 28px;
  padding: 0 9px;
  font-size: 10px;
}

.work-pdf-overflow {
  flex: none;
  display: none;
}

.work-pdf-overflow-panel {
  border: 1px solid var(--a3s-line-strong);
  background: var(--a3s-panel);
  border-radius: 9px;
  width: 190px;
  padding: 5px;
  box-shadow: 0 14px 34px #0f172a2e;
}

.work-pdf-overflow-group {
  border: 0;
  gap: 2px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.work-pdf-overflow-group + .work-pdf-overflow-group {
  border-top: 1px solid var(--a3s-line);
  margin-top: 5px;
  padding-top: 5px;
}

.work-pdf-overflow-panel button {
  width: 100%;
  min-height: 32px;
  color: var(--a3s-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  grid-template-columns: 22px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 7px;
  padding: 0 8px;
  font-size: 10px;
  display: grid;
}

.work-pdf-overflow-panel button:hover:not(:disabled), .work-pdf-overflow-panel button:focus-visible, .work-pdf-overflow-panel button[data-active="true"] {
  background: var(--a3s-panel-soft);
  outline: 0;
}

.work-pdf-overflow-panel button[data-active="true"] {
  color: var(--work-pdf-accent);
}

.work-pdf-overflow-panel button:disabled {
  cursor: default;
  opacity: .4;
}

.work-pdf-overflow-panel button > span:first-child {
  color: var(--a3s-muted);
  place-items: center;
  display: grid;
}

.work-pdf-overflow-narrow {
  display: none;
}

.work-pdf-workspace {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-pdf-page-navigation-toggle, .work-pdf-page-navigation-backdrop, .work-pdf-thumbnail-header {
  display: none;
}

.work-pdf-thumbnail-rail {
  border-right: 1px solid var(--a3s-line);
  background: color-mix(in srgb, var(--a3s-panel-soft) 60%, var(--a3s-panel));
  width: 184px;
  min-width: 0;
  min-height: 0;
  color: var(--a3s-ink);
  flex-direction: column;
  flex: 0 0 184px;
  display: flex;
  overflow: hidden;
}

.work-pdf-thumbnail-viewport {
  overscroll-behavior: contain;
  scrollbar-color: var(--a3s-line-strong) transparent;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 14px 10px 28px;
  overflow: hidden auto;
}

.work-pdf-thumbnail-viewport::-webkit-scrollbar {
  width: 8px;
}

.work-pdf-thumbnail-viewport::-webkit-scrollbar-track {
  background: none;
}

.work-pdf-thumbnail-viewport::-webkit-scrollbar-thumb {
  background: var(--a3s-line-strong);
  background-clip: padding-box;
  border: 2px solid #0000;
  border-radius: 999px;
}

.work-pdf-thumbnail-list {
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.work-pdf-thumbnail-list > button {
  box-sizing: border-box;
  width: 100%;
  color: inherit;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 2px solid #0000;
  border-radius: 7px;
  outline: 0;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: flex-start;
  gap: 6px;
  padding: 4px 4px 4px 0;
  display: grid;
  position: relative;
}

.work-pdf-thumbnail-list > button:hover {
  background: var(--a3s-panel-strong);
}

.work-pdf-thumbnail-list > button:focus-visible {
  border-color: color-mix(in srgb, var(--work-pdf-accent) 48%, var(--a3s-line));
  box-shadow: 0 0 0 2px
    color-mix(in srgb, var(--work-pdf-accent) 12%, transparent);
}

.work-pdf-thumbnail-list > button.active {
  border-color: color-mix(in srgb, var(--work-pdf-accent) 72%, var(--a3s-line));
  background: color-mix(in srgb, var(--work-pdf-accent) 6%, var(--a3s-panel));
}

.work-pdf-thumbnail-number {
  width: 18px;
  color: var(--a3s-faint);
  font-variant-numeric: tabular-nums;
  text-align: center;
  padding-top: 2px;
  font-size: 9px;
  line-height: 1;
}

.work-pdf-thumbnail-list > button.active .work-pdf-thumbnail-number {
  color: var(--work-pdf-accent);
  font-weight: 700;
}

.work-pdf-thumbnail-preview {
  box-sizing: border-box;
  aspect-ratio: 3 / 4;
  border: 1px solid var(--a3s-line);
  background: #fff;
  border-radius: 3px;
  justify-self: start;
  place-items: center;
  width: 100%;
  min-width: 0;
  max-width: 130px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 9px #191f2d1a;
}

.work-pdf-thumbnail-preview[data-pdf-thumbnail-state="loading"] {
  background: linear-gradient(110deg,
      transparent 28%,
      #ffffffa3 42%,
      transparent 56%)
    100% 0 / 220% 100%,
    color-mix(in srgb, var(--a3s-panel-strong) 72%, #fff);
  animation: 1.2s ease-in-out infinite work-pdf-thumbnail-loading;
}

.work-pdf-thumbnail-preview[data-pdf-thumbnail-state="error"] {
  background: color-mix(in srgb, var(--a3s-panel-soft) 74%, #fff);
  border-style: dashed;
}

.work-pdf-thumbnail-preview > img {
  object-fit: contain;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  display: block;
}

.work-pdf-thumbnail-spacer {
  pointer-events: none;
  flex: none;
  min-width: 0;
  display: block;
}

@keyframes work-pdf-thumbnail-loading {
  to {
    background-position: -120% 0;
  }
}

.work-pdf-embed, .work-pdf-native-viewer {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.work-pdf-embed {
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-pdf-embed:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--work-pdf-accent) 66%, #fff);
  outline-offset: -2px;
}

.work-pdf-remote-presence-layer {
  z-index: 4;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  gap: 5px;
  width: max-content;
  max-width: min(220px, 100% - 24px);
  display: grid;
  position: absolute;
  top: 12px;
  right: 12px;
}

.work-pdf-remote-participant {
  border: 1px solid color-mix(in srgb, var(--a3s-line) 82%, transparent);
  background: var(--a3s-panel);
  min-width: 0;
  color: var(--a3s-ink);
  border-radius: 7px;
  grid-template-columns: 19px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  padding: 5px 8px 5px 5px;
  display: grid;
}

.work-pdf-remote-participant > span:last-child {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.work-pdf-remote-participant strong, .work-pdf-remote-participant small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.work-pdf-remote-participant strong {
  font: 650 9px / 1.2 var(--a3s-ui-font);
}

.work-pdf-remote-participant small {
  color: color-mix(in srgb,
    var(--work-office-presence-color) 72%,
    var(--a3s-ink));
  font: 500 8px / 1.2 var(--a3s-ui-font);
}

.work-pdf-remote-participant[data-activity="idle"] {
  opacity: .74;
}

.work-pdf-remote-participant[data-activity="away"] {
  opacity: .5;
}

.work-pdf-evidence-overlay {
  z-index: 2;
  pointer-events: none;
  border: 0;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.work-pdf-evidence-region {
  box-sizing: border-box;
  cursor: pointer;
  pointer-events: auto;
  background: #e1313117;
  border: 1px solid #d22f2fa3;
  border-radius: 2px;
  outline: 0;
  min-width: 2px;
  min-height: 2px;
  padding: 0;
  position: absolute;
  box-shadow: inset 0 0 0 1px #ffffff47;
}

.work-pdf-evidence-region:hover, .work-pdf-evidence-region:focus-visible, .work-pdf-evidence-region[data-selected] {
  z-index: 1;
  background: #e1313126;
  border: 2px solid #d72f2f;
  box-shadow: 0 0 0 2px #ffffffd1, 0 2px 8px #62111138;
}

.work-pdf-evidence-status {
  z-index: 3;
  color: #ffffffd6;
  pointer-events: none;
  background: #181c22d1;
  border: 1px solid #ffffff29;
  border-radius: 5px;
  max-width: min(280px, 100% - 24px);
  padding: 5px 9px;
  font-size: 10px;
  line-height: 1.4;
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.work-pdf-loading {
  z-index: 3;
  background: color-mix(in srgb, var(--a3s-bg) 88%, transparent);
  color: var(--a3s-muted);
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: flex;
  position: absolute;
  inset: 0;
}

@media (forced-colors: active) {
  .work-pdf-embed:focus-visible {
    outline-color: highlight;
  }

  .work-pdf-remote-participant {
    color: canvastext;
    background: canvas;
    border-color: highlight;
  }
}

.work-pdf-state.ds-state-view {
  background: var(--a3s-bg);
  flex: 1;
  width: auto;
  min-width: 0;
  max-width: none;
  min-height: 0;
  padding: 24px;
}

.work-pdf-state.ds-state-view h2 {
  font-size: 13px;
}

.work-pdf-state.ds-state-view > p {
  max-width: 520px;
}

@media (width <= 1120px) {
  .work-pdf-thumbnail-rail {
    flex-basis: 160px;
    width: 160px;
  }

  .work-pdf-thumbnail-viewport {
    padding-left: 8px;
    padding-right: 8px;
  }

  .work-pdf-thumbnail-preview {
    max-width: 112px;
  }
}

@media (width <= 980px) {
  .work-pdf-overflow {
    display: flex;
  }

  .work-pdf-search {
    width: min(220px, 28vw);
  }

  .work-pdf-annotation-optional, .work-pdf-fit-button {
    display: none;
  }

  .work-pdf-page-step {
    display: none !important;
  }

  .work-pdf-history {
    display: none;
  }

  .work-pdf-overflow-narrow {
    display: grid;
  }

  .work-pdf-page-controls {
    flex: none;
  }

  .work-pdf-save > output {
    display: none;
  }
}

@media (width <= 720px) {
  .work-pdf-toolbar {
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    gap: 4px;
    padding-inline: 6px;
    overflow-x: auto;
  }

  .work-pdf-toolbar::-webkit-scrollbar {
    display: none;
  }

  .work-pdf-toolbar > * {
    flex: none;
  }

  .work-pdf-search {
    width: min(190px, 35vw);
    min-width: 112px;
  }

  .work-pdf-search-state, .work-pdf-search .ds-icon-button:not(.work-pdf-search-clear) {
    display: none;
  }

  .work-pdf-page-controls {
    margin-left: 0;
  }

  .work-pdf-zoom-controls {
    display: none;
  }

  .work-pdf-save {
    margin-right: 3px;
  }
}

@media (width <= 640px) {
  .work-pdf-toolbar .work-pdf-page-navigation-toggle {
    display: inline-flex;
  }

  .work-pdf-page-navigation-toggle[aria-expanded="true"] {
    background: color-mix(in srgb, var(--work-pdf-accent) 9%, var(--a3s-panel));
    color: var(--work-pdf-accent);
  }

  .work-pdf-page-navigation-backdrop {
    z-index: 30;
    cursor: default;
    background: #161c283d;
    border: 0;
    padding: 0;
    display: block;
    position: absolute;
    inset: 0;
  }

  .work-pdf-thumbnail-rail {
    z-index: 31;
    visibility: hidden;
    border-right: 1px solid var(--a3s-line-strong);
    opacity: 0;
    pointer-events: none;
    flex-basis: auto;
    width: min(82vw, 280px);
    transition: transform .16s, opacity .16s, visibility 0s linear .16s;
    position: absolute;
    inset: 0 auto 0 0;
    transform: translateX(-100%);
    box-shadow: 16px 0 38px #171c2a2e;
  }

  .work-pdf-workspace[data-mobile-page-navigation="open"] > .work-pdf-thumbnail-rail {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0s;
    transform: translateX(0);
  }

  .work-pdf-thumbnail-header {
    border-bottom: 1px solid var(--a3s-line);
    background: var(--a3s-panel);
    flex: 0 0 44px;
    justify-content: space-between;
    align-items: center;
    min-height: 44px;
    padding: 0 8px 0 12px;
    display: flex;
  }

  .work-pdf-thumbnail-header > strong {
    font-size: 11px;
    font-weight: 680;
  }

  .work-pdf-thumbnail-header > button {
    width: 30px;
    height: 30px;
    color: var(--a3s-muted);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 6px;
    place-items: center;
    padding: 0;
    display: grid;
  }

  .work-pdf-thumbnail-header > button:hover, .work-pdf-thumbnail-header > button:focus-visible {
    background: var(--a3s-panel-soft);
    color: var(--a3s-ink);
    outline: 0;
  }

  .work-pdf-thumbnail-viewport {
    padding: 12px 10px 20px;
  }

  .work-pdf-thumbnail-preview {
    max-width: 200px;
  }
}

@media (width <= 520px) {
  .work-pdf-toolbar {
    box-sizing: border-box;
    flex-basis: 76px;
    align-items: center;
    height: 76px;
    padding-block: 6px 36px;
    position: relative;
    overflow-x: hidden;
  }

  .work-pdf-search {
    z-index: 2;
    width: auto;
    min-width: 0;
    position: absolute;
    bottom: 5px;
    left: 6px;
    right: 108px;
  }

  .work-pdf-page-controls {
    z-index: 2;
    position: absolute;
    bottom: 6px;
    right: 6px;
  }

  .work-pdf-annotation-selection, .work-pdf-annotation-ink, .work-pdf-annotation-style, .work-pdf-annotation-delete {
    display: none;
  }

  .work-pdf-overflow-panel {
    max-height: min(520px, 100dvh - 24px);
    overflow-y: auto;
  }
}

@media (width <= 640px) and (prefers-reduced-motion: reduce) {
  .work-pdf-thumbnail-rail {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .work-pdf-thumbnail-preview[data-pdf-thumbnail-state="loading"] {
    animation: none;
  }
}

.work-pdf-page-organization {
  border-right: 1px solid var(--a3s-line);
  padding-right: 5px;
}

.work-pdf-page-organizer-trigger.ds-button {
  border-color: #0000;
  gap: 5px;
  height: 28px;
  min-height: 28px;
  padding-inline: 8px;
  font-size: 10px;
}

.work-pdf-page-organizer-dialog {
  width: min(980px, 100%);
}

.work-pdf-page-organizer-dialog .ds-dialog-body {
  gap: 12px;
  min-height: 0;
  display: grid;
}

.work-pdf-page-organizer-actions {
  grid-template-columns: repeat(9, minmax(72px, 1fr));
  gap: 5px;
  display: grid;
}

.work-pdf-page-organizer-actions .ds-button {
  white-space: nowrap;
  gap: 5px;
  min-width: 0;
  min-height: 36px;
  padding-inline: 7px;
  font-size: 10px;
}

.work-pdf-page-organizer-selection {
  min-height: 28px;
  color: var(--a3s-muted);
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: flex;
}

.work-pdf-page-organizer-selection output {
  font-variant-numeric: tabular-nums;
  margin-right: auto;
  font-weight: 650;
}

.work-pdf-page-organizer-selection button {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-height: 28px;
  color: var(--a3s-muted);
  font: inherit;
  cursor: pointer;
  border-radius: 6px;
  padding: 0 9px;
}

.work-pdf-page-organizer-selection button:hover:not(:disabled), .work-pdf-page-organizer-selection button:focus-visible {
  border-color: var(--a3s-line-strong);
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
  outline: 0;
}

.work-pdf-page-organizer-viewport {
  border: 1px solid var(--a3s-line);
  background: linear-gradient(var(--a3s-panel-soft), var(--a3s-panel-soft)) padding-box,
    var(--a3s-panel-soft);
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border-radius: 10px;
  height: min(51vh, 552px);
  min-height: 260px;
  overflow: auto;
}

.work-pdf-page-organizer-list {
  gap: 12px;
  padding: 12px;
  display: grid;
}

.work-pdf-page-organizer-list > span[aria-hidden="true"] {
  display: block;
}

.work-pdf-page-organizer-list > button {
  border: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  width: 100%;
  height: 172px;
  color: var(--a3s-ink);
  text-align: left;
  cursor: grab;
  border-radius: 9px;
  outline: 0;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  transition: border-color .12s, background-color .12s, box-shadow .12s;
  display: grid;
}

.work-pdf-page-organizer-list > button:hover:not(:disabled) {
  border-color: var(--a3s-line-strong);
  background: color-mix(in srgb, var(--work-pdf-accent) 3%, var(--a3s-panel));
}

.work-pdf-page-organizer-list > button:focus-visible {
  border-color: var(--work-pdf-accent);
  box-shadow: 0 0 0 2px
    color-mix(in srgb, var(--work-pdf-accent) 18%, transparent);
}

.work-pdf-page-organizer-list > button.selected {
  border-color: color-mix(in srgb, var(--work-pdf-accent) 70%, var(--a3s-line));
  background: color-mix(in srgb, var(--work-pdf-accent) 8%, var(--a3s-panel));
}

.work-pdf-page-organizer-list > button:active:not(:disabled) {
  cursor: grabbing;
}

.work-pdf-page-organizer-number {
  color: var(--a3s-ink);
  font-variant-numeric: tabular-nums;
  justify-items: center;
  gap: 5px;
  font-size: 18px;
  font-weight: 700;
  display: grid;
}

.work-pdf-page-organizer-number small {
  background: color-mix(in srgb, var(--work-pdf-accent) 10%, var(--a3s-panel));
  color: var(--work-pdf-accent);
  border-radius: 999px;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 650;
}

.work-pdf-page-organizer-preview {
  border: 1px solid var(--a3s-line);
  background: #e7e9ee;
  border-radius: 4px;
  justify-self: center;
  place-items: center;
  width: min(100%, 560px);
  height: 146px;
  display: grid;
  overflow: hidden;
}

.work-pdf-page-organizer-preview img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.work-pdf-page-organizer-preview[data-state="loading"]:after {
  content: "";
  background: linear-gradient(90deg, #ffffff47, #ffffffc2, #ffffff47);
  border-radius: 999px;
  width: 48%;
  height: 8px;
  animation: 1.1s ease-in-out infinite work-pdf-organizer-loading;
}

.work-pdf-page-organizer-preview[data-state="error"]:after {
  color: #676d78;
  content: "无法生成缩略图";
  font-size: 10px;
}

.work-pdf-page-organizer-error, .work-pdf-page-organizer-diagnostics, .work-pdf-page-organizer-boundary {
  border: 1px solid var(--a3s-line);
  border-radius: 8px;
  margin: 0;
  padding: 10px 12px;
  font-size: 11px;
  line-height: 1.5;
}

.work-pdf-page-organizer-error {
  border-color: color-mix(in srgb, var(--a3s-red) 38%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-red) 5%, var(--a3s-panel));
  color: var(--a3s-red);
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.work-pdf-page-organizer-error > div {
  flex: 1;
  min-width: 0;
}

.work-pdf-page-organizer-error p {
  overflow-wrap: anywhere;
  margin: 2px 0 4px;
}

.work-pdf-page-organizer-error code {
  font-size: 9px;
}

.work-pdf-page-organizer-error > button {
  color: currentColor;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 18px;
}

.work-pdf-page-organizer-diagnostics {
  border-color: color-mix(in srgb, #b7791f 35%, var(--a3s-line));
  color: #8b5e16;
  padding-left: 28px;
}

.work-pdf-page-organizer-boundary {
  background: var(--a3s-panel-soft);
  color: var(--a3s-muted);
}

@keyframes work-pdf-organizer-loading {
  0%, 100% {
    opacity: .45;
    transform: translateX(-12%);
  }

  50% {
    opacity: 1;
    transform: translateX(12%);
  }
}

@media (width <= 980px) {
  .work-pdf-page-organization {
    display: none;
  }

  .work-pdf-page-organizer-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width <= 560px) {
  .work-pdf-page-organizer-dialog .ds-dialog-body {
    gap: 9px;
  }

  .work-pdf-page-organizer-actions {
    overscroll-behavior: contain;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 188px;
    overflow-y: auto;
  }

  .work-pdf-page-organizer-actions .ds-button {
    min-height: 44px;
  }

  .work-pdf-page-organizer-selection button {
    min-width: 44px;
    min-height: 36px;
  }

  .work-pdf-page-organizer-viewport {
    height: min(38vh, 420px);
    min-height: 220px;
  }

  .work-pdf-page-organizer-list {
    padding-inline: 8px;
  }

  .work-pdf-page-organizer-list > button {
    grid-template-columns: 48px minmax(0, 1fr);
    padding-inline: 10px;
  }

  .work-pdf-page-organizer-number {
    font-size: 15px;
  }
}

@media (forced-colors: active) {
  .work-pdf-page-organizer-list > button.selected {
    outline: 2px solid highlight;
  }
}

@media (prefers-reduced-motion: reduce) {
  .work-pdf-page-organizer-list > button, .work-pdf-page-organizer-preview[data-state="loading"]:after {
    transition: none;
    animation: none;
  }
}

.work-pdf-export-surface {
  z-index: -1000;
  color: #20232b;
  pointer-events: none;
  background: #fff;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 1120px;
  display: flex;
  position: fixed;
  top: 0;
  left: -100000px;
}

.work-pdf-export-surface.preview {
  z-index: auto;
  pointer-events: auto;
  background: none;
  width: max-content;
  position: static;
  top: auto;
  left: auto;
}

.work-pdf-export-surface.preview .work-pdf-export-page {
  zoom: var(--work-print-preview-zoom, .7);
  border: 1px solid #21283624;
  flex: none;
  transition: opacity .14s, filter .14s;
  box-shadow: 0 14px 44px #20263333;
}

.work-pdf-export-surface.preview .work-pdf-export-page[data-print-excluded="true"] {
  opacity: .3;
  filter: grayscale(.9);
}

.work-print-preview-dialog {
  flex-direction: column;
  width: min(1440px, 100vw - 32px);
  height: min(920px, 100vh - 32px);
  display: flex;
}

.work-print-preview-dialog > header {
  border-bottom: 1px solid var(--a3s-line);
  flex: none;
  padding: 14px 18px 12px;
}

.work-print-preview-dialog > .ds-dialog-body {
  flex: 1;
  min-height: 0;
  padding: 0;
  display: flex;
}

.work-print-preview-dialog > footer {
  flex: none;
  align-items: center;
  min-height: 58px;
  padding: 10px 14px;
}

.work-print-preview-output-summary {
  color: var(--a3s-muted);
  font-variant-numeric: tabular-nums;
  margin-right: auto;
  font-size: 11px;
}

.work-print-preview-layout {
  flex: 1;
  grid-template-columns: 256px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  display: grid;
}

.work-print-preview-settings {
  border-right: 1px solid var(--a3s-line);
  background: var(--a3s-panel);
  min-width: 0;
  min-height: 0;
  padding: 18px 16px 24px;
  overflow: auto;
}

.work-print-preview-file-summary {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
  margin-bottom: 18px;
  display: flex;
}

.work-print-preview-file-summary strong {
  min-width: 0;
  color: var(--a3s-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  overflow: hidden;
}

.work-print-preview-file-summary output {
  color: var(--a3s-faint);
  font-variant-numeric: tabular-nums;
  flex: none;
  font-size: 10px;
}

.work-print-preview-field {
  gap: 7px;
  margin-bottom: 18px;
  display: grid;
}

.work-print-preview-field > span, .work-print-preview-range legend {
  color: var(--a3s-muted);
  font-size: 10px;
  font-weight: 650;
}

.work-print-preview-field .work-office-select > button[role="combobox"], .work-print-preview-range > .work-office-select > button[role="combobox"], .work-print-preview-range > .work-office-text-field {
  border-radius: 7px;
  width: 100%;
  height: 34px;
  font-size: 10px;
}

.work-print-preview-range > .work-office-select {
  width: 100%;
}

.work-print-preview-range {
  border: 0;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  display: grid;
}

.work-print-preview-range legend {
  margin-bottom: 2px;
}

.work-print-preview-range > .work-office-text-field:disabled {
  background: var(--a3s-panel-soft);
  color: var(--a3s-faint);
  cursor: not-allowed;
}

.work-print-preview-range-error.ds-inline-notice {
  margin: 0;
  padding: 7px 8px;
}

.work-print-preview-range-error .ds-inline-notice-copy {
  font-size: 9px;
  line-height: 1.45;
}

.work-print-preview-compatibility {
  border: 1px solid color-mix(in srgb, var(--a3s-warning) 35%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-warning) 7%, var(--a3s-panel));
  width: 100%;
  color: var(--a3s-warning);
  text-align: left;
  cursor: pointer;
  border-radius: 8px;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
  padding: 9px 10px;
  display: flex;
}

.work-print-preview-compatibility > span {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.work-print-preview-compatibility strong {
  color: var(--a3s-ink);
  font-size: 10px;
}

.work-print-preview-compatibility small {
  color: var(--a3s-muted);
  font-size: 8px;
}

.work-print-preview-hint {
  background: var(--a3s-panel-soft);
  color: var(--a3s-muted);
  border-radius: 8px;
  margin: 0 0 16px;
  padding: 9px 10px;
  font-size: 9px;
  line-height: 1.55;
}

.work-print-preview-thumbnails {
  gap: 9px;
  display: grid;
}

.work-print-preview-thumbnails > button {
  min-width: 0;
  color: var(--a3s-muted);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 8px;
  outline: 0;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 6px;
  display: grid;
}

.work-print-preview-thumbnails > button:hover, .work-print-preview-thumbnails > button:focus-visible {
  background: var(--a3s-panel-soft);
}

.work-print-preview-thumbnails > button.active {
  border-color: color-mix(in srgb, var(--a3s-blue) 44%, var(--a3s-line));
  background: color-mix(in srgb, var(--a3s-blue) 8%, var(--a3s-panel));
  color: var(--a3s-blue);
}

.work-print-preview-thumbnails > button.excluded {
  opacity: .48;
}

.work-print-preview-thumbnails > button > span {
  border: 1px solid var(--a3s-line-strong);
  background: #fff;
  border-radius: 2px;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 42px;
  height: 54px;
  padding: 12px 7px 7px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 6px #1219261a;
}

.work-print-preview-thumbnails > button > span i {
  background: #d9dde5;
  border-radius: 999px;
  height: 2px;
  display: block;
}

.work-print-preview-thumbnails > button > span strong {
  color: #8b93a2;
  font-variant-numeric: tabular-nums;
  font-size: 7px;
  position: absolute;
  bottom: 2px;
  right: 3px;
}

.work-print-preview-thumbnails > button > small {
  text-overflow: ellipsis;
  min-width: 0;
  font-size: 9px;
  line-height: 1.45;
  overflow: hidden;
}

.work-print-preview-stage {
  background: #dfe2e8;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.work-print-preview-toolbar {
  background: color-mix(in srgb, var(--a3s-panel) 94%, transparent);
  border-bottom: 1px solid #222b3b21;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  padding: 0 12px;
  display: flex;
  box-shadow: 0 1px 8px #1f253112;
}

.work-print-preview-toolbar button {
  width: 30px;
  height: 30px;
  color: var(--a3s-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.work-print-preview-toolbar button:hover:not(:disabled), .work-print-preview-toolbar button:focus-visible {
  background: var(--a3s-panel-soft);
  color: var(--a3s-ink);
}

.work-print-preview-toolbar button:disabled {
  opacity: .35;
  cursor: default;
}

.work-print-preview-toolbar output {
  min-width: 48px;
  color: var(--a3s-muted);
  font-variant-numeric: tabular-nums;
  text-align: center;
  font-size: 10px;
}

.work-print-preview-toolbar-spacer {
  flex: 1;
}

.work-print-preview-scroll {
  scroll-behavior: smooth;
  outline: 0;
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 32px;
  overflow: auto;
}

.work-print-preview-pages {
  justify-content: center;
  min-width: 100%;
  display: flex;
}

.work-pdf-export-page {
  box-sizing: border-box;
  background: #fff;
  width: 1120px;
  overflow: hidden;
}

.work-pdf-export-page.presentation {
  aspect-ratio: 16 / 9;
}

.work-pdf-export-page.presentation .work-slide-canvas {
  width: 100%;
}

.work-pdf-export-page.document {
  flex-direction: column;
  width: 794px;
  min-height: 1123px;
  padding: 25mm 23mm;
  display: flex;
  position: relative;
}

.work-pdf-export-page.document.letter {
  width: 816px;
  min-height: 1056px;
}

.work-pdf-export-page.document.a4.landscape {
  width: 1123px;
  min-height: 794px;
}

.work-pdf-export-page.document.letter.landscape {
  width: 1056px;
  min-height: 816px;
}

.work-pdf-export-page.document > .work-document-print-body {
  flex: 1;
}

.work-pdf-export-page.spreadsheet {
  flex-direction: column;
  min-height: 792px;
  padding: 34px 38px 46px;
  display: flex;
  position: relative;
}

.work-pdf-export-page.spreadsheet.a3.portrait {
  width: 1123px;
  min-height: 1587px;
}

.work-pdf-export-page.spreadsheet.a3.landscape {
  width: 1587px;
  min-height: 1123px;
}

.work-pdf-export-page.spreadsheet.a4.portrait {
  width: 794px;
  min-height: 1123px;
}

.work-pdf-export-page.spreadsheet.a4.landscape {
  width: 1123px;
  min-height: 794px;
}

.work-pdf-export-page.spreadsheet.a5.portrait {
  width: 559px;
  min-height: 794px;
}

.work-pdf-export-page.spreadsheet.a5.landscape {
  width: 794px;
  min-height: 559px;
}

.work-pdf-export-page.spreadsheet.letter.portrait {
  width: 816px;
  min-height: 1056px;
}

.work-pdf-export-page.spreadsheet.letter.landscape {
  width: 1056px;
  min-height: 816px;
}

.work-pdf-export-page.spreadsheet.legal.portrait {
  width: 816px;
  min-height: 1344px;
}

.work-pdf-export-page.spreadsheet.legal.landscape {
  width: 1344px;
  min-height: 816px;
}

.work-pdf-export-page.spreadsheet.tabloid.portrait {
  width: 1056px;
  min-height: 1632px;
}

.work-pdf-export-page.spreadsheet.tabloid.landscape {
  width: 1632px;
  min-height: 1056px;
}

.work-pdf-spreadsheet-fallback-header {
  color: #657087;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 16px;
  font-size: 10px;
  display: flex;
}

.work-pdf-spreadsheet-fallback-header strong {
  color: #172033;
  font-size: 18px;
}

.work-pdf-spreadsheet-print-chrome {
  color: #657087;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  font-family: ui-sans-serif, PingFang SC, sans-serif;
  line-height: 1.2;
  display: grid;
  position: absolute;
}

.work-pdf-spreadsheet-print-chrome span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.work-pdf-spreadsheet-print-chrome span:nth-child(2) {
  text-align: center;
}

.work-pdf-spreadsheet-print-chrome span:last-child {
  text-align: right;
}

.work-pdf-spreadsheet-grid {
  width: 100%;
  position: relative;
}

.work-pdf-spreadsheet-image, .work-pdf-spreadsheet-chart {
  z-index: 4;
  object-fit: contain;
  pointer-events: none;
  border: 0;
  max-width: none;
  display: block;
  position: absolute;
}

.work-pdf-spreadsheet-chart {
  z-index: 5;
}

.work-pdf-export-page.spreadsheet table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  font-family: ui-sans-serif, PingFang SC, sans-serif;
  font-size: 10px;
}

.work-pdf-export-page.spreadsheet th, .work-pdf-export-page.spreadsheet td {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #d9dee8;
  height: 20px;
  padding: 3px 5px;
  overflow: hidden;
}

.work-pdf-export-page.spreadsheet td {
  isolation: isolate;
  position: relative;
}

.work-pdf-spreadsheet-data-bar {
  z-index: 0;
  opacity: .52;
  border-radius: 2px;
  min-width: 0;
  position: absolute;
  top: 2px;
  bottom: 2px;
}

.work-pdf-spreadsheet-data-bar-axis {
  z-index: 1;
  background: #4d566894;
  width: 1px;
  position: absolute;
  top: 1px;
  bottom: 1px;
}

.work-pdf-spreadsheet-cell-value {
  z-index: 2;
  position: relative;
}

.work-pdf-spreadsheet-conditional-icon {
  z-index: 2;
  text-align: center;
  min-width: 13px;
  margin-right: 4px;
  font-family: Arial Unicode MS, Segoe UI Symbol, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.work-pdf-export-page.spreadsheet th {
  color: #657087;
  text-align: center;
  background: #f2f4f7;
  font-size: 8px;
  font-weight: 600;
}

.work-pdf-export-page.spreadsheet th:first-child {
  width: 28px;
}

@media print {
  body.work-print-preview-open {
    background: #fff !important;
  }

  body.work-print-preview-open > :not(.ds-dialog-backdrop) {
    display: none !important;
  }

  body.work-print-preview-open > .ds-dialog-backdrop {
    backdrop-filter: none;
    background: #fff;
    width: auto;
    height: auto;
    display: block;
    position: static;
    overflow: visible;
  }

  body.work-print-preview-open .work-print-preview-dialog {
    width: auto;
    height: auto;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    display: block;
    overflow: visible;
  }

  body.work-print-preview-open .work-print-preview-dialog > header, body.work-print-preview-open .work-print-preview-dialog > footer, body.work-print-preview-open .work-print-preview-settings, body.work-print-preview-open .work-print-preview-toolbar {
    display: none !important;
  }

  body.work-print-preview-open .work-print-preview-dialog > .ds-dialog-body, body.work-print-preview-open .work-print-preview-layout, body.work-print-preview-open .work-print-preview-stage, body.work-print-preview-open .work-print-preview-scroll, body.work-print-preview-open .work-print-preview-pages {
    background: #fff;
    width: auto;
    height: auto;
    padding: 0;
    display: block;
    overflow: visible;
  }

  body.work-print-preview-open .work-pdf-export-surface.preview {
    gap: 0;
    width: auto;
    display: block;
  }

  body.work-print-preview-open .work-pdf-export-surface.preview .work-pdf-export-page {
    box-shadow: none;
    break-after: page;
    filter: none;
    opacity: 1;
    page-break-after: always;
    zoom: 1;
    border: 0;
    margin: 0 auto;
  }

  body.work-print-preview-open .work-pdf-export-surface.preview .work-pdf-export-page[data-print-excluded="true"] {
    display: none !important;
  }

  body.work-print-preview-open .work-pdf-export-surface.preview .work-pdf-export-page:last-child {
    break-after: auto;
    page-break-after: auto;
  }

  .work-editor-header, .work-compatibility-banner {
    display: none !important;
  }
}