/* Desktop design adapter from the supplied office productivity package. */
@media screen and (min-width: 921px) {
/* Upload area: Create Image arrow-and-tray icon in the AI Sheet palette. */
body.fv-sheet-motion .office-spreadsheet-app #office-tool-upload-trigger {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 76px;
  height: auto;
  padding: 13px 12px;
  border: 1px solid #dce6e4;
  border-radius: 12px;
  color: #29464c;
  background: #fff;
  text-align: left;
  cursor: pointer;
  box-shadow: none;
  transition: border-color .16s, box-shadow .16s;
}
body.fv-sheet-motion .office-spreadsheet-app #office-tool-upload-trigger::before {
  content: '';
  position: absolute;
  inset: -1px;
  padding: 1.5px;
  border-radius: inherit;
  background: conic-gradient(from var(--fv-sheet-angle), var(--fv-sheet-blue), var(--fv-sheet-green), var(--fv-sheet-yellow), var(--fv-sheet-red), var(--fv-sheet-violet), var(--fv-sheet-blue));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s;
  animation: fv-sheet-border var(--fv-sheet-cycle) linear infinite;
}
body.fv-sheet-motion .office-spreadsheet-app #office-tool-upload-trigger:is(:hover, :focus-visible)::before,
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-drag-over #office-tool-upload-trigger::before { opacity: 1; }
body.fv-sheet-motion .office-spreadsheet-app #office-tool-upload-trigger:focus-visible {
  outline: 2px solid #23786e;
  outline-offset: 3px;
}
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-drag-over #office-tool-upload-trigger {
  border-color: transparent;
  box-shadow: 0 0 0 4px #7466bd0c;
}
/* The whole input panel accepts drops, even when its upload button is below
   the fold. Keep the drop target visible without tinting the text fields. */
body.fv-sheet-motion .office-spreadsheet-app .slides-composer.fv-sheet-drag-over::after {
  content: '';
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(135deg, #168eff, #22b395 35%, #e1b856 60%, #d06caa 82%, #8c67d8);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-attachment-tile {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  color: #198879;
  background: #fff;
  box-shadow: inset 0 0 0 1px #dcebe5, 0 2px 8px #19887909;
}
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-attachment-tile svg {
  display: block;
  width: 22px;
  height: 22px;
}
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-attachment-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-attachment-copy strong {
  color: #29464c;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-attachment-copy > span {
  color: #627b82;
  font-size: 10.5px;
  font-weight: 400;
  line-height: 1.5;
}
body.fv-sheet-motion .office-spreadsheet-app .slides-file-help {
  color: #787386;
  line-height: 1.55;
}
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-upload-message {
  margin: 6px 0 11px;
  font-size: 11px;
  line-height: 1.6;
  color: #635e75;
}
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-upload-message[data-error="true"] { color: #a13a48; }
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-upload-message[hidden] { display: none; }
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-local-file {
  gap: 8px;
  min-width: 0;
  padding: 9px 8px;
  border: 1px solid #eeedf3;
  border-radius: 9px;
  background: #fff;
}
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-local-file > div { min-width: 0; flex: 1; }
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-local-file strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-local-file small { color: #787386; font-size: 9px; line-height: 1.5; }
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-local-file .office-upload-kind { flex: 0 0 30px; width: 30px; min-width: 0; font-size: 8px; color: #6e6291; background: #f5f3fa; }
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-local-file button { display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 28px; padding: 5px; border: 0; border-radius: 6px; background: transparent; color: #7c748d; cursor: pointer; }
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-local-file button:hover { background: #f5f3fa; }
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-local-file button svg { width: 14px; height: 14px; }
body.fv-sheet-motion[data-fv-motion="off"] .office-spreadsheet-app #office-tool-upload-trigger::before { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  body.fv-sheet-motion .office-spreadsheet-app #office-tool-upload-trigger::before { animation: none; transition: none; }
}

body.fv-sheet-motion .office-spreadsheet-app .office-upload-box {display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;border:1px solid #e1e9e6;background:#fafcfb;border-radius:14px;padding:16px;gap:12px;}
body.fv-sheet-motion .office-spreadsheet-app .office-upload-box > div {min-width:0;}
body.fv-sheet-motion .office-spreadsheet-app .office-upload-box strong {color:#29464c;}
body.fv-sheet-motion .office-spreadsheet-app .office-upload-box small {color:#697e85;font-size:12px;line-height:1.65;}
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-attachment-copy strong {font-size:13px;}
body.fv-sheet-motion .office-spreadsheet-app .fv-sheet-attachment-copy > span {font-size:11px;}

}