/* Facelift 2026 -- fl61_pages: error pages, wizard, calendar and files (lot 8).
 * Origin: translation of the sections R (#1 #2 #12-#15), U (#9), V (#16), X (#7) of the approved package final/final.css (with fix.css).
 * Uses the --dif-* custom properties of fl00_tokens.less. Dialect rules (less.js 1.3.3 in Rhino): LESS-REGRAS.md. */
.difErrorPage {
  padding: 40px 16px 56px;
  background: var(--dif-bg-soft);
}
.difErrorCard {
  max-width: var(--dif-error-card-max);
  margin: 0 auto;
  box-sizing: border-box;
  background: var(--dif-bg);
  border: 1px solid var(--dif-line);
  border-radius: var(--dif-radius-lg);
  box-shadow: var(--dif-shadow-sm);
  padding: 32px 36px 28px;
  text-align: center;
  color: var(--dif-text);
}
.difErrorCard .dif-illus {
  margin: 0 auto 16px;
}
.difErrorCard h2.difErrorTitle {
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: var(--dif-text);
}
.difErrorCard .difErrorLead {
  margin: 0 auto 18px;
  max-width: 440px;
  color: var(--dif-text-muted);
  line-height: 1.55;
}
.difErrorRef {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px;
  padding: 6px 6px 6px 12px;
  background: var(--dif-bg-fill);
  border: 1px solid var(--dif-line);
  border-radius: var(--dif-radius);
}
.difErrorRef > span {
  color: var(--dif-text-muted);
}
.difErrorRef code {
  font-family: var(--dif-font-mono);
  color: var(--dif-text);
  letter-spacing: .02em;
}
.difErrorActions {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.difErrorActions.actionsbuttons > ul {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.difErrorActions.actionsbuttons > ul > li {
  list-style: none;
  margin: 0 !important;
}
.difErrorDetail {
  margin: 22px 0 0;
  text-align: left;
  border-top: 1px solid var(--dif-line);
  padding-top: 14px;
}
.difErrorDetail > summary {
  cursor: pointer;
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--dif-text-muted);
  border-radius: var(--dif-radius);
  padding: 4px 6px;
  margin-left: -6px;
}
.difErrorDetail > summary::-webkit-details-marker {
  display: none;
}
.difErrorDetail > summary::before {
  content: "";
  width: 14px;
  height: 14px;
  background: var(--dif-text-muted);
  transition: transform var(--dif-dur-pop) ease-out;
  -webkit-mask: var(--dif-icon-caret-right) center / 14px no-repeat;
  mask: var(--dif-icon-caret-right) center / 14px no-repeat;
}
.difErrorDetail[open] > summary::before {
  transform: rotate(90deg);
}
.difErrorDetail > summary:hover {
  color: var(--dif-text);
  background: var(--dif-bg-fill);
}
.difErrorDetail > summary:focus-visible {
  outline: none;
  box-shadow: var(--dif-ring);
}
.difErrorDetail dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 4px 14px;
  margin: 12px 0;
}
.difErrorDetail dt {
  color: var(--dif-text-muted);
}
.difErrorDetail dd {
  margin: 0;
  color: var(--dif-text);
  word-break: break-word;
}
.difErrorDetail pre {
  margin: 0;
  max-height: var(--dif-error-trace-max);
  overflow: auto;
  white-space: pre;
  padding: 12px 14px;
  background: var(--dif-bg-soft);
  border: 1px solid var(--dif-line);
  border-radius: var(--dif-radius);
  font: 11px/1.55 var(--dif-font-mono);
  color: var(--dif-text);
}
.warningpages {
  display: grid !important;
  justify-items: center;
  box-sizing: border-box;
  max-width: var(--dif-error-card-max);
  margin: 8px auto 20px !important;
  background: var(--dif-bg);
  border: 1px solid var(--dif-line);
  border-radius: var(--dif-radius-lg);
  box-shadow: var(--dif-shadow-sm);
  padding: 28px 36px 24px;
  color: var(--dif-text);
}
.warningpages > img {
  display: none;
}
.warningpages > .dif-illus {
  margin: 0 0 14px;
}
.warningpages h4 {
  color: var(--dif-text) !important;
  padding: 0 !important;
  margin: 0 0 6px;
}
.warningpages p {
  margin: 0 !important;
  color: var(--dif-text-muted);
  line-height: 1.55;
}
.warningpages .difErrorActions {
  margin-top: 18px;
}
.warningpages .difErrorDetail {
  width: 100%;
}
.difDevPanel {
  max-width: var(--dif-error-card-max);
  margin: 0 auto 20px;
  box-sizing: border-box;
  border: 1px dashed var(--dif-line-strong);
  border-radius: var(--dif-radius-lg);
  background: var(--dif-bg-soft);
  padding: 10px 16px;
}
.difDevPanel > summary {
  cursor: pointer;
  color: var(--dif-text-muted);
  padding: 4px 0;
}
.difDevPanel > summary .difDevBadge {
  display: inline-block;
  margin-left: 6px;
  padding: 0 6px;
  border-radius: var(--dif-radius-pill);
  background: var(--dif-warn-soft);
  color: var(--dif-warn);
  box-shadow: inset 0 0 0 1px var(--dif-warn-line);
  font-size: 11px;
}
.difDevPanel[open] {
  max-width: none;
}
.difDevPanel[open] {
  display: flow-root;
}
.difDevPanel code {
  font-family: var(--dif-font-mono);
  word-break: break-all;
}
#alertbox,
.difCallout {
  --dif-callout-bg: var(--dif-primary-soft);
  --dif-callout-line: var(--dif-primary-line);
  --dif-callout-fg: var(--dif-primary);
  --dif-callout-icon: var(--dif-icon-circle-info);
  display: flex !important;
  align-items: flex-start;
  gap: 0;
  background: var(--dif-callout-bg) !important;
  border: 1px solid var(--dif-callout-line) !important;
  border-radius: var(--dif-radius-lg) !important;
  overflow: hidden;
}
#alertbox.difCallout-ok,
.difCallout.difCallout-ok {
  --dif-callout-bg: var(--dif-ok-soft);
  --dif-callout-line: var(--dif-ok-line);
  --dif-callout-fg: var(--dif-ok);
  --dif-callout-icon: var(--dif-icon-circle-check);
}
#alertbox.difCallout-warn,
.difCallout.difCallout-warn {
  --dif-callout-bg: var(--dif-warn-soft);
  --dif-callout-line: var(--dif-warn-line);
  --dif-callout-fg: var(--dif-warn);
  --dif-callout-icon: var(--dif-icon-triangle-alert);
}
#alertbox.difCallout-error,
.difCallout.difCallout-error {
  --dif-callout-bg: var(--dif-danger-soft);
  --dif-callout-line: var(--dif-danger-line);
  --dif-callout-fg: var(--dif-danger);
  --dif-callout-icon: var(--dif-icon-circle-x);
}
#alertbox.difCallout-hint,
.difCallout.difCallout-hint {
  --dif-callout-icon: var(--dif-icon-circle-help);
}
#alertbox .iconsalert,
.difCallout .iconsalert {
  display: block !important;
  flex: none;
  position: relative;
  box-sizing: content-box;
  width: 40px;
  height: 40px;
  padding: 15px 0 15px 15px !important;
  margin: 0 !important;
  animation: none !important;
}
#alertbox .iconsalert img,
.difCallout .iconsalert img {
  display: none;
}
#alertbox .iconsalert::before,
.difCallout .iconsalert::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 15px;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--dif-bg);
  box-shadow: inset 0 0 0 1px var(--dif-callout-line);
}
#alertbox .iconsalert::after,
.difCallout .iconsalert::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 15px;
  width: 40px;
  height: 40px;
  background: var(--dif-callout-fg);
  -webkit-mask: var(--dif-callout-icon) center / 20px 20px no-repeat;
  mask: var(--dif-callout-icon) center / 20px 20px no-repeat;
}
#alertbox .alertboxtext,
.difCallout .alertboxtext {
  display: block !important;
  flex: 1;
  min-width: 0;
  width: auto !important;
  background: transparent !important;
  color: var(--dif-text);
  border-radius: 0 !important;
  padding: 15px 15px 15px 14px !important;
  line-height: 1.55;
  align-self: center;
  animation: none !important;
}
#alertbox .alertboxtext h3,
.difCallout .alertboxtext h3 {
  color: var(--dif-text);
  font-weight: 600;
  margin-bottom: 2px;
}
#alertbox .alertboxtext a,
.difCallout .alertboxtext a {
  color: var(--dif-primary);
}
.difMessageBoxMini {
  background-color: var(--dif-primary-soft);
  border-color: var(--dif-primary-line);
  border-radius: var(--dif-radius);
  color: var(--dif-text);
}
.difMessageBoxMiniOk {
  background-color: var(--dif-ok-soft);
  border-color: var(--dif-ok-line);
}
.difMessageBoxMiniWarn {
  background-color: var(--dif-warn-soft);
  border-color: var(--dif-warn-line);
}
.difMessageBoxMiniError {
  background-color: var(--dif-danger-soft);
  border-color: var(--dif-danger-line);
}
.difMessageBoxMini .difMessageBoxMiniIcon {
  object-position: -999px 0;
  background: var(--dif-primary);
  -webkit-mask: var(--dif-icon-circle-info) center / 16px no-repeat;
  mask: var(--dif-icon-circle-info) center / 16px no-repeat;
}
.difMessageBoxMiniOk .difMessageBoxMiniIcon {
  background: var(--dif-ok);
  -webkit-mask-image: var(--dif-icon-circle-check);
  mask-image: var(--dif-icon-circle-check);
}
.difMessageBoxMiniWarn .difMessageBoxMiniIcon {
  background: var(--dif-warn);
  -webkit-mask-image: var(--dif-icon-triangle-alert);
  mask-image: var(--dif-icon-triangle-alert);
}
.difMessageBoxMiniError .difMessageBoxMiniIcon {
  background: var(--dif-danger);
  -webkit-mask-image: var(--dif-icon-circle-x);
  mask-image: var(--dif-icon-circle-x);
}
.x-tip:not(.x-form-invalid-tip) {
  background: var(--dif-tip-bg) !important;
  border: 0 !important;
  border-radius: var(--dif-radius) !important;
  box-shadow: var(--dif-shadow-pop) !important;
  padding: 0 !important;
}
.x-tip:not(.x-form-invalid-tip) .x-tip-body {
  color: var(--dif-tip-fg) !important;
  font-size: 12px;
  line-height: 1.45;
  padding: 5px 9px !important;
  background: transparent !important;
}
.x-tip:not(.x-form-invalid-tip) .x-tip-header {
  background: transparent !important;
}
.x-tip:not(.x-form-invalid-tip) .x-tip-header-text {
  color: var(--dif-tip-fg) !important;
  font-weight: 600;
}
.x-tip:not(.x-form-invalid-tip) .x-tip-anchor {
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 6px solid transparent !important;
}
.x-tip:not(.x-form-invalid-tip) .x-tip-anchor-top {
  border-bottom-color: var(--dif-tip-bg) !important;
  margin-top: -5px;
}
.x-tip:not(.x-form-invalid-tip) .x-tip-anchor-bottom {
  border-top-color: var(--dif-tip-bg) !important;
  margin-top: 5px;
}
.x-tip:not(.x-form-invalid-tip) .x-tip-anchor-left {
  border-right-color: var(--dif-tip-bg) !important;
  margin-left: -5px;
}
.x-tip:not(.x-form-invalid-tip) .x-tip-anchor-right {
  border-left-color: var(--dif-tip-bg) !important;
  margin-left: 5px;
}
.x-tip.difHelpTip {
  background: var(--dif-bg) !important;
  box-shadow: inset 0 0 0 1px var(--dif-line), var(--dif-shadow-pop) !important;
}
.x-tip.difHelpTip .x-tip-body {
  color: var(--dif-text) !important;
  padding: 8px 12px !important;
}
.x-tip.difHelpTip .x-tip-anchor-top {
  border-bottom-color: var(--dif-bg) !important;
  filter: drop-shadow(0 -1px 0 var(--dif-line));
}
.x-tip.difHelpTip .x-tip-anchor-bottom {
  border-top-color: var(--dif-bg) !important;
  filter: drop-shadow(0 1px 0 var(--dif-line));
}
.x-tip.difHelpTip .x-tip-anchor-left {
  border-right-color: var(--dif-bg) !important;
  filter: drop-shadow(-1px 0 0 var(--dif-line));
}
.x-tip.difHelpTip .x-tip-anchor-right {
  border-left-color: var(--dif-bg) !important;
  filter: drop-shadow(1px 0 0 var(--dif-line));
}
@media (prefers-reduced-motion: no-preference) {
  .x-tip:not(.x-form-invalid-tip) {
    animation: difFadeIn var(--dif-dur-pop) ease-out;
  }
}
body > .x-mask {
  position: absolute !important;
}
body > .x-mask.difPageMask,
body > .x-mask.difModalMask {
  position: fixed !important;
}
.x-mask:not(.difModalMask) {
  background: var(--dif-mask-veil) !important;
  opacity: 1 !important;
  cursor: progress !important;
}
.x-mask-msg {
  background: var(--dif-bg) !important;
  border: 1px solid var(--dif-line) !important;
  border-radius: var(--dif-radius-lg) !important;
  box-shadow: var(--dif-shadow-pop) !important;
}
.x-mask-msg div {
  position: relative;
  background-image: none !important;
  background-color: transparent !important;
  color: var(--dif-text);
}
.x-mask-msg div::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 50%;
  width: var(--dif-spinner-lg);
  height: var(--dif-spinner-lg);
  margin-top: calc(var(--dif-spinner-lg) / -2);
  box-sizing: border-box;
  border: 3px solid var(--dif-primary-line);
  border-top-color: var(--dif-primary);
  border-radius: 50%;
  animation: difSpin .8s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .x-mask-msg div::before {
    animation-duration: 2.4s;
  }
}
.x-mask-msg[style*="left: -"],
.x-mask-msg[style*="top: -"] {
  display: none !important;
}
.warningpages code,
.difDevPanel code,
.difErrorCard code {
  display: inline !important;
  font-size: 11px;
  padding: 1px 5px;
  border-radius: 4px;
  background: var(--dif-bg-fill);
  color: var(--dif-text);
  white-space: normal;
}
.difErrorRef code {
  background: transparent;
  padding: 0;
  font-size: 12px;
}
.x-tip:not(.x-form-invalid-tip) {
  overflow: visible !important;
}
.x-tip:not(.x-form-invalid-tip)::before {
  content: "";
  position: absolute;
  left: 10px;
  top: -5px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: var(--dif-tip-bg);
  border-radius: 2px 0 0 0;
}
.x-tip.difHelpTip::before {
  background: var(--dif-bg);
  box-shadow: -1px -1px 0 var(--dif-line);
}
.ext-cal-monthview .ext-cal-body-ct {
  border-top-color: var(--dif-cal-line) !important;
}
.ext-cal-ct .ext-cal-hd-days-tbl .ext-cal-bg-tbl {
  border-bottom-color: var(--dif-cal-line);
}
.ext-cal-dayview .ext-cal-bg-row-div {
  border-top-color: var(--dif-cal-line);
  border-bottom: 1px solid var(--dif-cal-line-half);
}
.ext-cal-day-col {
  border-left-color: var(--dif-cal-line);
}
.ext-cal-ct .ext-cal-day,
.ext-cal-ct .ext-cal-day-we {
  border-left-color: var(--dif-cal-line);
}
.ext-cal-ct td.ext-cal-dtitle {
  border-top-color: var(--dif-cal-line);
  color: var(--dif-text);
}
.ext-cal-ct .ext-cal-day-times {
  color: var(--dif-text-faint) !important;
}
.ext-cal-day-time-inner {
  font-variant-numeric: tabular-nums;
}
.ext-cal-ct .ext-cal-day-we {
  background-color: var(--dif-cal-weekend) !important;
}
.ext-cal-ct .ext-cal-day-prev,
.ext-cal-ct .ext-cal-day-next {
  background-color: var(--dif-bg);
}
.ext-cal-ct .ext-cal-day-prev.ext-cal-day-we,
.ext-cal-ct .ext-cal-day-next.ext-cal-day-we {
  background-color: var(--dif-cal-weekend) !important;
}
.dif-cal-dname,
.dif-cal-dmonth {
  color: var(--dif-text-muted);
  letter-spacing: .05em;
}
.ext-cal-ct td.ext-cal-dtitle-prev > div,
.ext-cal-ct td.ext-cal-dtitle-next > div,
.ext-cal-ct td.ext-cal-dtitle-prev .dif-cal-dname,
.ext-cal-ct td.ext-cal-dtitle-next .dif-cal-dname,
.ext-cal-ct td.ext-cal-dtitle-prev .dif-cal-dmonth,
.ext-cal-ct td.ext-cal-dtitle-next .dif-cal-dmonth {
  color: var(--dif-text-faint);
}
.ext-cal-ct td.ext-cal-dtitle-today .dif-cal-dnum {
  color: var(--dif-on-primary);
  background-color: var(--dif-cal-today);
}
.ext-cal-ct td.ext-cal-dtitle-today .dif-cal-dname {
  color: var(--dif-cal-today);
}
.ext-cal-ct .ext-cal-day-today {
  background: var(--dif-cal-today-bg) !important;
}
.ext-cal-dayview .ext-cal-day-col .ext-cal-day-today,
.ext-cal-dayview td.ext-cal-day-today {
  background: var(--dif-cal-today-bg) !important;
}
.ext-cal-evt,
.ext-cal-day-col .ext-cal-evt {
  border: 0 !important;
  border-radius: var(--dif-radius) !important;
  text-align: left;
}
.ext-cal-evr {
  padding-left: 5px !important;
}
.ext-cal-evt b {
  color: inherit;
  font-weight: var(--dif-subtitle-weight);
}
.ext-cal-evt:not(.dif-cal-own-color):not([class*="calcCellColor"]):not([style*="background"]):not( [class*=" x-cal-"]:not(.x-cal-default)) {
  background-color: var(--dif-primary-soft) !important;
  background-image: none !important;
  border-left: var(--dif-cal-evt-bar) solid var(--dif-primary) !important;
  color: var(--dif-text) !important;
  box-shadow: inset 0 0 0 1px var(--dif-primary-line);
}
.ext-cal-evt:not(.dif-cal-own-color):not([class*="calcCellColor"]):not([style*="background"]):not( [class*=" x-cal-"]:not(.x-cal-default)):hover {
  background-color: var(--dif-bg) !important;
  box-shadow: inset 0 0 0 1px var(--dif-primary-line), var(--dif-shadow-sm);
}
.ext-cal-evt .dif-cal-evt-plain .dif-cal-evt-sub {
  opacity: .8;
}
.ext-cal-evt.calendarReadOnlyCell:not(.dif-cal-own-color):not([class*="calcCellColor"]):not([style*="background"]):not( [class*=" x-cal-"]:not(.x-cal-default)) {
  background-color: var(--dif-cal-readonly-bg) !important;
  border-left-color: var(--dif-line-strong) !important;
  color: var(--dif-text) !important;
  box-shadow: inset 0 0 0 1px var(--dif-line);
}
.ext-cal-evt.calendarReadOnlyCell:not(.dif-cal-own-color):not([class*="calcCellColor"]):not([style*="background"]) .dif-cal-evt-sub {
  color: var(--dif-text-faint);
}
.ext-cal-evt.dif-cal-own-color,
.ext-cal-evt[class*="calcCellColor"],
.ext-cal-evt[style*="background"],
.ext-cal-evt[class*=" x-cal-"]:not(.x-cal-default) {
  border-left: var(--dif-cal-evt-bar) solid var(--dif-cal-own-bar) !important;
  background-clip: border-box !important;
  box-shadow: inset 0 0 0 1px var(--dif-cal-own-line);
}
.ext-cal-evt.dif-cal-own-color:hover,
.ext-cal-evt[class*="calcCellColor"]:hover,
.ext-cal-evt[style*="background"]:hover,
.ext-cal-evt[class*=" x-cal-"]:not(.x-cal-default):hover {
  filter: brightness(0.95);
  box-shadow: inset 0 0 0 1px var(--dif-cal-own-line), var(--dif-shadow-sm);
}
.ext-cal-evt.dif-cal-own-color .dif-cal-evt-sub,
.ext-cal-evt[class*="calcCellColor"] .dif-cal-evt-sub {
  color: inherit !important;
  opacity: .78;
}
.ext-cal-evt:focus-visible {
  outline: none;
  box-shadow: var(--dif-ring) !important;
}
.ext-cal-evt .dif-cal-evt-short {
  padding-left: 4px;
  padding-right: 4px;
}
.ext-cal-toolbar {
  background: transparent !important;
  border: 0 !important;
}
.ext-cal-toolbar .x-btn.x-btn-default-toolbar-small {
  border-color: var(--dif-line-strong) !important;
  border-radius: var(--dif-radius) !important;
  background-color: var(--dif-bg) !important;
  box-shadow: var(--dif-shadow-sm);
  transition: background-color 0.12s ease, border-color 0.12s ease;
}
.ext-cal-toolbar .x-btn.x-btn-default-toolbar-small .x-btn-inner {
  color: var(--dif-text) !important;
}
.ext-cal-toolbar .x-btn.x-btn-default-toolbar-small:hover,
.ext-cal-toolbar .x-btn.x-btn-default-toolbar-small.x-btn-over {
  background-color: var(--dif-bg-fill) !important;
}
.ext-cal-toolbar .x-btn.x-btn-default-toolbar-small-pressed {
  border: 1px solid var(--dif-primary-line) !important;
  background-color: var(--dif-primary-soft) !important;
  box-shadow: none;
}
.ext-cal-toolbar .x-btn.x-btn-default-toolbar-small-pressed .x-btn-inner {
  color: var(--dif-primary) !important;
}
.ext-cal-toolbar .x-btn.x-btn-default-toolbar-small.x-btn-disabled {
  opacity: 1;
  box-shadow: none;
  background-color: var(--dif-bg-soft) !important;
}
.ext-cal-toolbar .x-btn.x-btn-default-toolbar-small.x-btn-disabled .x-btn-inner {
  color: var(--dif-text-faint) !important;
}
.ext-cal-toolbar .x-btn.x-focus {
  box-shadow: var(--dif-ring) !important;
}
.difFileUploadColumn p {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
.difFileUploadColumn a[href^="doc/"] img[src^="doc/"] {
  box-sizing: border-box;
  width: var(--dif-file-thumb) !important;
  height: var(--dif-file-thumb) !important;
  object-fit: cover;
  border-radius: var(--dif-file-radius);
  border: 1px solid var(--dif-line);
  background: var(--dif-bg-fill);
  margin-right: 6px;
  vertical-align: middle;
}
.difFileUploadColumn a[href^="doc/"]:hover img[src^="doc/"] {
  box-shadow: var(--dif-ring);
}
.difFileUploadColumn a[href^="doc/"]::after,
.difFileUploadColumn a[onclick^="return delete"],
.difFileUploadColumn a[onclick^="return upload"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--dif-file-btn);
  height: var(--dif-file-btn);
  background-color: var(--dif-bg);
  border: 1px solid var(--dif-file-group-line);
  color: var(--dif-text-muted);
  text-decoration: none !important;
}
.difFileUploadColumn a[href^="doc/"] {
  display: inline-flex;
  align-items: center;
  text-decoration: none !important;
}
.difFileUploadColumn a[href^="doc/"]::after {
  content: "";
  border-radius: var(--dif-file-radius) 0 0 var(--dif-file-radius);
  background: var(--dif-bg) var(--dif-file-download-glyph) center / 14px 14px no-repeat;
}
.difFileUploadColumn a[href^="doc/"]:hover::after {
  background-color: var(--dif-bg-fill);
}
.difFileUploadColumn a[onclick^="return delete"] {
  margin-left: -1px;
  border-radius: 0;
}
.difFileUploadColumn a[onclick^="return upload"] {
  margin-left: -1px;
  border-radius: 0 var(--dif-file-radius) var(--dif-file-radius) 0;
}
.difFileUploadColumn p > a[onclick^="return upload"]:first-child {
  margin-left: 0;
  border-radius: var(--dif-file-radius);
}
.difFileUploadColumn a img.iconImageExtraSmall {
  margin: 0 !important;
  width: 14px !important;
  height: 14px !important;
}
.difFileUploadColumn a[onclick^="return delete"] img.deleteIcon {
  --dif-icon-color: var(--dif-text-muted);
}
.difFileUploadColumn a[onclick^="return upload"] img.uploadIcon {
  --dif-icon-color: var(--dif-text-muted);
}
.difFileUploadColumn a[onclick^="return delete"]:hover,
.difFileUploadColumn a[onclick^="return upload"]:hover {
  background-color: var(--dif-bg-fill);
  position: relative;
  z-index: 1;
}
.difFileUploadColumn a[onclick^="return upload"]:hover img.uploadIcon {
  --dif-icon-color: var(--dif-primary);
}
.difFileUploadColumn a[onclick^="return delete"]:hover {
  border-color: var(--dif-danger);
  background-color: var(--dif-danger-soft);
}
.difFileUploadColumn a[onclick^="return delete"]:hover img.deleteIcon {
  --dif-icon-color: var(--dif-danger);
}
.difFileUploadColumn a:focus-visible {
  outline: none;
  box-shadow: var(--dif-ring);
  position: relative;
  z-index: 2;
}
.difFileUploadColumn p:has(a[onclick^="return upload"]):not( :has(a[href^="doc/"]))::before {
  content: "";
  box-sizing: border-box;
  width: var(--dif-file-thumb);
  height: var(--dif-file-thumb);
  margin-right: 6px;
  border: 1px dashed var(--dif-line-strong);
  border-radius: var(--dif-file-radius);
  background: var(--dif-bg-soft) var(--dif-file-empty-glyph) center / 14px 14px no-repeat;
}
.difFileUploadColumn p > .disabled {
  font-size: 11px;
  line-height: var(--dif-file-btn);
  color: var(--dif-text-faint);
  margin-right: 6px;
}
.difFileUploadColumn .mimegridcell {
  display: inline-flex;
  align-items: center;
  padding: 0;
  line-height: 0;
  font-size: 0;
}
.difFileUploadColumn .mimegridcell::before {
  content: "";
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--dif-file-chip);
  height: var(--dif-file-btn);
  margin-right: 6px;
  padding: 0 2px;
  border: 1px solid var(--dif-line);
  border-radius: var(--dif-file-radius);
  background: var(--dif-bg-soft) var(--dif-file-doc-glyph) center / 14px 14px no-repeat;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1;
  color: var(--dif-text-muted) !important;
}
.difFileUploadColumn .mimedefault::before,
.difFileUploadColumn .mimejrxml::before {
  content: "";
}
.difFileUploadColumn [data-ext]::before {
  content: attr(data-ext);
  background-image: none;
  text-transform: uppercase;
}
.difFileUploadColumn .mimepdf::before {
  content: "PDF";
  background-image: none;
  color: var(--dif-danger) !important;
}
.difFileUploadColumn .mimedoc::before,
.difFileUploadColumn .mimedocx::before {
  content: "DOC";
  background-image: none;
  color: var(--dif-primary) !important;
}
.difFileUploadColumn .mimexls::before,
.difFileUploadColumn .mimexlsx::before,
.difFileUploadColumn .mimecsv::before {
  content: "XLS";
  background-image: none;
  color: var(--dif-ok) !important;
}
.difFileUploadColumn .mimecsv::before {
  content: "CSV";
}
.difFileUploadColumn .mimeppt::before,
.difFileUploadColumn .mimepptx::before {
  content: "PPT";
  background-image: none;
  color: var(--dif-warn) !important;
}
.difFileUploadColumn .mimezip::before {
  content: "ZIP";
  background-image: none;
}
.difFileUploadColumn .mimexml::before {
  content: "XML";
  background-image: none;
}
.difFileUploadColumn .mimehtml::before {
  content: "HTML";
  background-image: none;
}
.difFileUploadColumn .mimelog::before {
  content: "LOG";
  background-image: none;
}
.difFileUploadColumn .mimeimage::before,
.difFileUploadColumn .mimepng::before,
.difFileUploadColumn .mimejpg::before,
.difFileUploadColumn .mimejpeg::before,
.difFileUploadColumn .mimegif::before,
.difFileUploadColumn .mimesvg::before,
.difFileUploadColumn .mimebmp::before {
  content: "IMG";
  background-image: none;
}
.difFileUploadColumn p:not( :has(a[onclick])) a[href^="doc/"]::after {
  border-radius: var(--dif-file-radius);
}
ul.step {
  counter-reset: difStep;
}
ul.step .step-item {
  counter-increment: difStep;
}
ul.step .step-item:not(:first-child)::before {
  background: var(--dif-stepper-line-done);
  height: var(--dif-stepper-line);
  top: calc(var(--dif-stepper-size) / 2 - var(--dif-stepper-line) / 2);
  left: calc(-50% + var(--dif-stepper-size) / 2 + 6px);
  width: calc(100% - var(--dif-stepper-size) - 12px);
  border-radius: var(--dif-radius-pill);
}
ul.step .step-item.active ~ .step-item::before {
  background: var(--dif-stepper-line-todo);
}
ul.step .step-item span,
ul.step .step-item a {
  color: var(--dif-stepper-label-on);
  padding: calc(var(--dif-stepper-size) + 8px) 10px 0;
}
ul.step .step-item span::before,
ul.step .step-item a::before {
  content: counter(difStep);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--dif-stepper-size);
  height: var(--dif-stepper-size);
  top: 0;
  border: 0;
  border-radius: 50%;
  font: 600 11px/1 inherit;
  font-family: inherit;
  background: var(--dif-primary-soft);
  color: var(--dif-primary);
  box-shadow: inset 0 0 0 1px var(--dif-primary-line);
}
ul.step .step-item.active span::before,
ul.step .step-item.active a::before {
  background: var(--dif-primary);
  color: var(--dif-on-primary);
  border: 0;
  box-shadow: 0 0 0 4px var(--dif-primary-ring);
}
ul.step .step-item.active ~ .step-item span::before,
ul.step .step-item.active ~ .step-item a::before {
  background: var(--dif-bg-fill);
  color: var(--dif-text-muted);
  box-shadow: inset 0 0 0 1px var(--dif-line-strong);
}
ul.step .step-item.active span,
ul.step .step-item.active a {
  font-weight: var(--dif-subtitle-weight);
  color: var(--dif-stepper-label-on);
}
ul.step .step-item.active ~ .step-item span,
ul.step .step-item.active ~ .step-item a {
  color: var(--dif-stepper-label);
}
ul.step .step-item:has(~ .step-item.active) a:hover {
  color: var(--dif-primary);
}
ul.step .step-item a:focus-visible {
  outline: none;
}
ul.step .step-item a:focus-visible::before {
  box-shadow: var(--dif-ring);
}
.zandgar__step__active[data-step]::before {
  content: attr(data-step);
  display: block;
  margin: 0 0 8px;
  font-size: 15px;
  font-variant: small-caps;
  font-weight: var(--dif-subtitle-weight);
  color: var(--dif-text-muted);
}
.zandgar__step__active[data-step-label]::before {
  content: attr(data-step-label) "  \00b7  " attr(data-step);
}
.wizardStepsPagination .pagination {
  margin-bottom: 0;
  padding-right: 0;
  text-transform: none;
}
.wizardStepsPagination .actionsbuttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  padding: 12px 0 0;
  border-top: 1px solid var(--dif-line);
  text-align: right;
}
.wizardStepsPagination .actionsbuttons button {
  margin: 0 !important;
}
.wizardStepsPagination .actionsbuttons button[style*="display: none"] {
  display: none !important;
}
.wizardStepsPagination .actionsbuttons button[type=button]:not(.previous),
.wizardStepsPagination .actionsbuttons button.cancel {
  order: -1;
  margin-right: auto !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--dif-text-muted) !important;
}
.wizardStepsPagination .actionsbuttons button[type=button]:not(.previous):hover,
.wizardStepsPagination .actionsbuttons button.cancel:hover {
  background-color: var(--dif-bg-fill) !important;
  color: var(--dif-text) !important;
}
.wizardStepsPagination .actionsbuttons button.next,
.wizardStepsPagination .actionsbuttons button:not(.previous):not(.next):not([type]),
.wizardStepsPagination .actionsbuttons button.finish {
  background-color: var(--dif-primary) !important;
  color: var(--dif-on-primary) !important;
  box-shadow: var(--dif-shadow-sm) !important;
}
.wizardStepsPagination .actionsbuttons button.next:hover:not([disabled]),
.wizardStepsPagination .actionsbuttons button:not(.previous):not(.next):not([type]):hover:not([disabled]) {
  background-color: var(--dif-primary-dark) !important;
}
.wizardStepsPagination .actionsbuttons button[disabled],
.wizardStepsPagination .actionsbuttons button.disabled {
  background-color: var(--dif-bg-fill) !important;
  color: var(--dif-text-faint) !important;
  box-shadow: inset 0 0 0 1px var(--dif-line) !important;
  cursor: not-allowed;
}
.wizardStepsPagination .actionsbuttons:has( button.next:not([disabled]):not(.disabled)) button:not(.previous):not(.next):not([type])[disabled] {
  display: none;
}
.wizardStepsPagination .actionsbuttons button.previous {
  background-image: none !important;
  padding-left: 20px !important;
}
.wizardStepsPagination .actionsbuttons button.previous::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 4px 0 -6px;
  vertical-align: -1px;
  background-color: currentColor;
  -webkit-mask: var(--dif-ico-chev-left) center / 12px 12px no-repeat;
  mask: var(--dif-ico-chev-left) center / 12px 12px no-repeat;
}
.wizardStepsPagination .actionsbuttons:has( button:not(.previous):not(.next):not([type]):not([disabled]):not(.disabled)) button.next:is([disabled], .disabled) {
  display: none;
}
.difErrorDetail .difErrorTrace {
  margin: 0;
  max-height: var(--dif-error-trace-max);
  overflow: auto;
  white-space: nowrap;
  padding: 12px 14px;
  background: var(--dif-bg-soft);
  border: 1px solid var(--dif-line);
  border-radius: var(--dif-radius);
  font: 11px/1.55 var(--dif-font-mono);
  color: var(--dif-text);
}
.difErrorRef .difErrorCopy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: var(--dif-radius);
  background: transparent;
  cursor: pointer;
}
.difErrorRef .difErrorCopy::before {
  content: "";
  width: 14px;
  height: 14px;
  background-color: var(--dif-icon-fg);
  -webkit-mask: var(--dif-icon-copy) center / 14px 14px no-repeat;
  mask: var(--dif-icon-copy) center / 14px 14px no-repeat;
}
.difErrorRef .difErrorCopy:hover {
  background-color: var(--dif-bg-fill);
}
.difErrorRef .difErrorCopy:focus-visible {
  outline: none;
  box-shadow: var(--dif-ring);
}
.difErrorCard .dif-illus,
.warningpages .dif-illus {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background-color: var(--dif-illus-bg);
}
.difErrorCard .dif-illus::after,
.warningpages .dif-illus::after {
  content: "";
  width: 28px;
  height: 28px;
  background-color: var(--dif-illus-fg);
  -webkit-mask: var(--dif-icon-shape) center / contain no-repeat;
  mask: var(--dif-icon-shape) center / contain no-repeat;
}
.difErrorCard .dif-illus-ok,
.warningpages .dif-illus-ok {
  --dif-illus-bg: var(--dif-ok-soft);
  --dif-illus-fg: var(--dif-ok);
}
.difErrorCard .dif-illus-danger,
.warningpages .dif-illus-danger {
  --dif-illus-bg: var(--dif-danger-soft);
  --dif-illus-fg: var(--dif-danger);
}
.difErrorCard .dif-illus-warn,
.warningpages .dif-illus-warn {
  --dif-illus-bg: var(--dif-warn-soft);
  --dif-illus-fg: var(--dif-warn);
}
@keyframes difSpin {
  to {
    transform: rotate(360deg);
  }
}
:root {
  --nw-gap: 24px;
  --nw-side-w: 340px;
  --nw-hero-h: 340px;
  --nw-thumb: 64px;
  --nw-row-hover: var(--dif-bg-soft);
  --nw-scrim: linear-gradient(to top, rgba(15, 23, 42, .82) 0, rgba(15, 23, 42, .45) 38%, rgba(15, 23, 42, 0) 68%);
  --nw-icon-news: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2'/%3E%3Cpath d='M18 14h-8'/%3E%3Cpath d='M15 18h-5'/%3E%3Cpath d='M10 6h8v4h-8V6Z'/%3E%3C/svg%3E");
  --nw-icon-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
  --nw-icon-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='6 3 20 12 6 21 6 3'/%3E%3C/svg%3E");
  --nw-icon-pause: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='14' y='4' width='4' height='16' rx='1'/%3E%3Crect x='6' y='4' width='4' height='16' rx='1'/%3E%3C/svg%3E");
}
:root .newsArea {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--nw-gap);
  margin: 0 0 var(--nw-gap) 0;
  min-height: 0;
}
:root .newsArea:has(> .newsArea_high):has(> .newsArea_normal) {
  grid-template-columns: minmax(0, 1fr) var(--nw-side-w);
}
:root .newsArea > .newsArea_high {
  margin-right: 0;
  min-width: 0;
}
:root .newsArea > .newsArea_normal {
  width: auto;
  min-width: 0;
}
:root .newsArea_normal > h2,
:root .newsArea_normal_mini > h2,
:root .newsArea_normal_mini_noImages > h2 {
  color: var(--dif-title, var(--dif-text)) !important;
  font-weight: 600 !important;
  border-bottom: 1px solid var(--dif-line) !important;
  padding: 0 0 6px 0 !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.25 !important;
  font-size: 16px !important;
  font-variant: small-caps;
  letter-spacing: .3px;
}
:root .newsArea_normal .newsArea_more,
:root .newsArea_mini .newsArea_more {
  text-align: left;
  padding: 8px 0 0 0;
}
:root .newsArea_normal .newsArea_more a,
:root .newsArea_mini .newsArea_more a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 10px;
  margin-left: -10px;
  border-radius: var(--dif-radius);
  color: var(--dif-primary) !important;
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
}
:root .newsArea_normal .newsArea_more a::after,
:root .newsArea_mini .newsArea_more a::after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: currentColor;
  -webkit-mask: var(--nw-icon-arrow-right) center / contain no-repeat;
  mask: var(--nw-icon-arrow-right) center / contain no-repeat;
  transition: transform 120ms ease-out;
}
:root .newsArea_normal .newsArea_more a:hover,
:root .newsArea_mini .newsArea_more a:hover {
  background-color: var(--dif-primary-soft);
}
:root .newsArea_normal .newsArea_more a:hover::after,
:root .newsArea_mini .newsArea_more a:hover::after {
  transform: translateX(2px);
}
:root .newsArea_normal .newsArea_more a:focus-visible,
:root .newsArea_mini .newsArea_more a:focus-visible {
  outline: none;
  box-shadow: var(--dif-focus-ring-kbd);
}
:root .newsArea_mini {
  display: block;
  min-height: 0;
}
:root .newsArea_normal_mini,
:root .newsArea_normal_mini_noImages {
  width: auto;
  font-size: 12px;
}
:root .newsArea_high {
  position: relative;
  height: var(--nw-hero-h);
  min-height: var(--nw-hero-h);
  box-sizing: border-box;
  border-radius: var(--dif-radius-lg);
  overflow: hidden;
  border: 1px solid var(--dif-line);
  box-shadow: var(--dif-shadow-sm);
  background-color: var(--dif-bg-fill);
}
:root .newsArea_high .splide,
:root .newsArea_high .splide__track,
:root .newsArea_high .splide__list {
  height: 100%;
}
:root .newsArea_high .splide__slide,
:root .newsArea_high .splide__slide div {
  border-radius: 0;
}
:root .newsArea_high .splide__slide > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  text-decoration: none;
  overflow: hidden;
  outline: none;
}
:root .newsArea_high .splide__slide div.centerBackgroundImage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: transform 400ms ease-out;
}
:root .newsArea_high .splide__slide > a:not(.newsArea_noImage)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--nw-scrim);
  pointer-events: none;
}
:root .newsArea_high .splide__slide > a:hover div.centerBackgroundImage {
  transform: scale(1.03);
}
:root .newsArea_high .newsAreaTitle {
  position: absolute;
  z-index: 1;
  left: 28px;
  right: 120px;
  bottom: 30px;
  top: auto;
  background: none;
  border-radius: 0;
  padding: 0;
  text-align: left;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
:root .newsArea_high .splide__slide > a:hover .newsAreaTitle {
  text-decoration: underline;
  text-underline-offset: 3px;
}
:root .newsArea_high .newsAreaDate {
  position: absolute;
  z-index: 1;
  left: 28px;
  top: 22px;
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 10px;
  border-radius: var(--dif-radius-pill);
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #fff;
  background-color: rgba(15, 23, 42, 0.55);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
:root .newsArea_high a.newsArea_noImage {
  padding: 64px 140px 44px 28px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(135deg, var(--dif-primary-soft) 0%, var(--dif-bg-soft) 70%);
}
:root .newsArea_high a.newsArea_noImage::before {
  content: "";
  position: absolute;
  right: 36px;
  top: 50%;
  width: 96px;
  height: 96px;
  margin-top: -48px;
  background-color: var(--dif-primary);
  opacity: .14;
  -webkit-mask: var(--nw-icon-news) center / contain no-repeat;
  mask: var(--nw-icon-news) center / contain no-repeat;
}
:root .newsArea_high h2.newsArea_noImage {
  font-variant: normal !important;
  letter-spacing: 0 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--dif-text) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
:root .newsArea_high .newsArea_noImageBody {
  position: static;
  margin: 0;
  color: var(--dif-text-muted);
  font-size: 13px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
:root .newsArea_high a.newsArea_noImage .newsAreaDate {
  color: var(--dif-primary-dark);
  background-color: var(--dif-bg);
  border: 1px solid var(--dif-primary-line);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
:root .newsArea_high a.newsArea_noImage:hover h2.newsArea_noImage {
  color: var(--dif-primary-dark) !important;
}
:root .newsArea_high .splide__slide > a:focus-visible {
  box-shadow: inset 0 0 0 2px #ffffff, inset 0 0 0 4px var(--dif-primary);
  border-radius: var(--dif-radius-lg);
}
:root .newsArea_high .splide__pagination {
  position: absolute;
  z-index: 2;
  left: auto;
  right: 20px;
  bottom: 18px;
  width: auto;
  transform: none;
  display: flex;
  gap: 6px;
  padding: 0;
  margin: 0;
}
:root .newsArea_high .splide__pagination li {
  border: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  line-height: 0;
}
:root .newsArea_high .splide__pagination__page {
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--dif-radius-pill);
  opacity: 1;
  background: rgba(255, 255, 255, 0.55) !important;
  transform: none !important;
  transition: width 200ms ease-out;
  cursor: pointer;
}
:root .newsArea_high .splide__pagination__page.is-active {
  width: 22px;
  background: #fff !important;
}
:root .newsArea_high .splide__pagination__page:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--dif-primary), 0 0 0 4px #ffffff;
}
:root .newsArea_high:has(.splide__slide.is-active a.newsArea_noImage) .splide__pagination__page {
  background: var(--dif-line-strong) !important;
}
:root .newsArea_high:has(.splide__slide.is-active a.newsArea_noImage) .splide__pagination__page.is-active {
  background: var(--dif-primary) !important;
}
:root .newsArea_high .splide__arrow {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.92);
  opacity: 0;
  border: 0;
  box-shadow: var(--dif-shadow-pop);
  transition: opacity 150ms ease-out;
  z-index: 2;
}
:root .newsArea_high .splide__arrow svg {
  width: 12px;
  height: 12px;
  fill: var(--dif-text);
}
:root .newsArea_high .splide__arrow--prev {
  left: 14px;
}
:root .newsArea_high .splide__arrow--next {
  right: 14px;
}
:root .newsArea_high:hover .splide__arrow,
:root .newsArea_high:focus-within .splide__arrow {
  opacity: 1;
}
:root .newsArea_high .splide__arrow:hover {
  background-color: #fff;
}
:root .newsArea_high .splide__arrow:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--dif-primary);
  opacity: 1;
}
@media (hover: none) {
  :root .newsArea_high .splide__arrow {
    opacity: 1;
  }
}
:root .newsArea_high .splide__autoplay {
  position: absolute;
  z-index: 2;
  right: 14px;
  top: 14px;
  display: flex;
}
:root .newsArea_high .splide:not(.is-initialized) .splide__autoplay,
:root .newsArea_high .splide:has(.splide__slide:only-child) .splide__autoplay {
  display: none;
}
:root .newsArea_high .splide__play,
:root .newsArea_high .splide__pause {
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  background-color: rgba(15, 23, 42, 0.55);
}
:root .newsArea_high .splide__play::before,
:root .newsArea_high .splide__pause::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  background-color: #fff;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
:root .newsArea_high .splide__pause::before {
  -webkit-mask-image: var(--nw-icon-pause);
  mask-image: var(--nw-icon-pause);
}
:root .newsArea_high .splide__play::before {
  -webkit-mask-image: var(--nw-icon-play);
  mask-image: var(--nw-icon-play);
}
:root .newsArea_high .splide.is-playing .splide__play,
:root .newsArea_high .splide:not(.is-playing) .splide__pause {
  display: none;
}
:root .newsArea_high .splide__play:focus-visible,
:root .newsArea_high .splide__pause:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--dif-primary);
}
:root .newsArea_high:has(.splide__slide.is-active a.newsArea_noImage) .splide__play,
:root .newsArea_high:has(.splide__slide.is-active a.newsArea_noImage) .splide__pause {
  background-color: rgba(15, 23, 42, 0.3);
}
@media screen and (max-width: 1100px) {
  :root .newsArea_high .newsAreaTitle {
    font-size: 19px;
    right: 100px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root .newsArea_high .splide__slide div.centerBackgroundImage {
    transition: none;
  }
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article {
  position: relative;
  display: grid;
  grid-template-columns: var(--nw-thumb) minmax(0, 1fr);
  column-gap: 12px;
  grid-template-areas: "thumb date" "thumb title" "thumb body";
  align-content: start;
  margin: 0;
  padding: 12px 10px;
  min-height: 0;
  border: 0;
  border-radius: 8px;
  transition: background-color 120ms ease-out;
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article + article {
  box-shadow: 0 -1px 0 var(--dif-line);
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article:hover {
  background-color: var(--nw-row-hover);
  box-shadow: none;
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article:hover + article {
  box-shadow: none;
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article:has(a:focus-visible) {
  background-color: var(--nw-row-hover);
  box-shadow: var(--dif-focus-ring-kbd);
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article > img {
  grid-area: thumb;
  float: none;
  width: var(--nw-thumb);
  height: var(--nw-thumb);
  margin: 0;
  object-fit: cover;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid var(--dif-line);
  background-color: var(--dif-bg-fill);
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article:not(.withImage)::before {
  content: "";
  grid-area: thumb;
  width: var(--nw-thumb);
  height: var(--nw-thumb);
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid var(--dif-primary-line);
  background-color: var(--dif-primary-soft);
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article:not(.withImage)::after {
  content: "";
  grid-area: thumb;
  align-self: start;
  justify-self: start;
  width: 28px;
  height: 28px;
  margin: 18px 0 0 18px;
  background-color: var(--dif-primary);
  opacity: .55;
  -webkit-mask: var(--nw-icon-news) center / contain no-repeat;
  mask: var(--nw-icon-news) center / contain no-repeat;
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article > span {
  grid-area: date;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  margin: 0 0 4px 0;
  border-radius: var(--dif-radius-pill);
  background-color: var(--dif-bg-fill);
  color: var(--dif-text-muted) !important;
  font-size: 11px !important;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article > h3 {
  grid-area: title;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  text-transform: none !important;
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article > h3 a {
  color: var(--dif-text) !important;
  text-decoration: none;
  outline: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article > h3 a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article:hover > h3 a {
  color: var(--dif-primary-dark) !important;
}
:root .newsArea:not(.newsArea_noHeadlines) > .newsArea_normal article > div {
  grid-area: body;
  margin: 4px 0 0 0;
  max-height: none;
  color: var(--dif-text-muted);
  font-size: 12px !important;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
:root .newsArea.newsArea_noHeadlines > .newsArea_normal article,
:root .newsArea_mini > .newsArea_normal_mini article,
:root .newsArea_mini > .newsArea_normal_mini_noImages article {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 36px;
  box-sizing: border-box;
  margin: 0;
  padding: 6px 8px;
  border: 0;
  border-radius: 6px;
}
:root .newsArea.newsArea_noHeadlines > .newsArea_normal article + article,
:root .newsArea_mini > .newsArea_normal_mini article + article,
:root .newsArea_mini > .newsArea_normal_mini_noImages article + article {
  box-shadow: 0 -1px 0 var(--dif-line);
}
:root .newsArea.newsArea_noHeadlines > .newsArea_normal article:hover,
:root .newsArea_mini > .newsArea_normal_mini article:hover,
:root .newsArea_mini > .newsArea_normal_mini_noImages article:hover {
  background-color: var(--nw-row-hover);
  box-shadow: none;
}
:root .newsArea.newsArea_noHeadlines > .newsArea_normal article:hover + article,
:root .newsArea_mini > .newsArea_normal_mini article:hover + article,
:root .newsArea_mini > .newsArea_normal_mini_noImages article:hover + article {
  box-shadow: none;
}
:root .newsArea.newsArea_noHeadlines > .newsArea_normal article:has(a:focus-visible),
:root .newsArea_mini > .newsArea_normal_mini article:has(a:focus-visible),
:root .newsArea_mini > .newsArea_normal_mini_noImages article:has(a:focus-visible) {
  background-color: var(--nw-row-hover);
  box-shadow: var(--dif-focus-ring-kbd);
}
:root .newsArea.newsArea_noHeadlines > .newsArea_normal article > img,
:root .newsArea.newsArea_noHeadlines > .newsArea_normal article > div,
:root .newsArea_mini > .newsArea_normal_mini article > img,
:root .newsArea_mini > .newsArea_normal_mini article > div,
:root .newsArea_mini > .newsArea_normal_mini_noImages article > div {
  display: none !important;
}
:root .newsArea.newsArea_noHeadlines > .newsArea_normal article > h3,
:root .newsArea_mini > .newsArea_normal_mini article > h3,
:root .newsArea_mini > .newsArea_normal_mini_noImages article > h3 {
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  text-transform: none !important;
}
:root .newsArea.newsArea_noHeadlines > .newsArea_normal article > h3 a,
:root .newsArea_mini > .newsArea_normal_mini article > h3 a,
:root .newsArea_mini > .newsArea_normal_mini_noImages article > h3 a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--dif-text) !important;
  text-decoration: none;
  outline: none;
}
:root .newsArea.newsArea_noHeadlines > .newsArea_normal article > h3 a::after,
:root .newsArea_mini > .newsArea_normal_mini article > h3 a::after,
:root .newsArea_mini > .newsArea_normal_mini_noImages article > h3 a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
:root .newsArea.newsArea_noHeadlines > .newsArea_normal article:hover > h3 a,
:root .newsArea_mini > .newsArea_normal_mini article:hover > h3 a,
:root .newsArea_mini > .newsArea_normal_mini_noImages article:hover > h3 a {
  color: var(--dif-primary-dark) !important;
}
:root .newsArea.newsArea_noHeadlines > .newsArea_normal article > span,
:root .newsArea_mini > .newsArea_normal_mini article > span,
:root .newsArea_mini > .newsArea_normal_mini_noImages article > span {
  order: 2;
  flex: none;
  margin: 0;
  padding: 0;
  color: var(--dif-text-muted) !important;
  font-size: 11px !important;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
@media screen and (max-width: 860px) {
  :root .newsArea:has(> .newsArea_high):has(> .newsArea_normal) {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (max-width: 700px) {
  :root .newsArea_high {
    display: block;
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
  }
  :root .newsArea_normal {
    width: auto;
  }
  :root .newsArea_high .newsAreaTitle {
    left: 18px;
    right: 18px;
    bottom: 40px;
    font-size: 17px;
  }
  :root .newsArea_high .newsAreaDate {
    left: 18px;
    top: 16px;
  }
  :root .newsArea_high a.newsArea_noImage {
    padding: 52px 18px 44px 18px;
  }
  :root .newsArea_high a.newsArea_noImage::before {
    display: none;
  }
  :root .newsArea_high h2.newsArea_noImage {
    font-size: 18px !important;
  }
  :root .newsArea_high .splide__pagination {
    left: 18px;
    right: auto;
    bottom: 16px;
  }
}
:root #newsWindow_header .x-window-header-text {
  font-size: 19px !important;
  font-weight: 600 !important;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:root #newsWindow .newsAreaDetails {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
  height: auto;
  min-height: 100%;
  padding: 4px 4px 8px 4px;
  text-align: left;
  color: var(--dif-text);
}
:root #newsWindow .newsAreaDetails > br {
  display: none;
}
:root #newsWindow #newsImage {
  order: -2;
  float: none;
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: 16 / 9;
  margin: 0 0 16px 0;
  object-fit: contain;
  background-color: var(--dif-bg-fill);
  border: 1px solid var(--dif-line);
  box-sizing: border-box;
  border-radius: var(--dif-radius-lg);
}
:root #newsWindow .newsAreaDetails:has(> #newsImage[style*="none"])::before {
  content: "";
  order: -2;
  display: block;
  height: 112px;
  margin: 0 0 16px 0;
  box-sizing: border-box;
  border-radius: var(--dif-radius-lg);
  border: 1px solid var(--dif-primary-line);
  background: linear-gradient(135deg, var(--dif-primary-soft) 0%, var(--dif-bg-soft) 70%);
}
:root #newsWindow .newsAreaDetails:has(> #newsImage[style*="none"])::after {
  content: "";
  position: absolute;
  top: 28px;
  right: 36px;
  width: 56px;
  height: 56px;
  background-color: var(--dif-primary);
  opacity: .18;
  -webkit-mask: var(--nw-icon-news) center / contain no-repeat;
  mask: var(--nw-icon-news) center / contain no-repeat;
}
:root #newsWindow #newsDate {
  order: -1;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 10px !important;
  margin: 0 0 10px 0;
  border-radius: var(--dif-radius-pill);
  background-color: var(--dif-bg-fill);
  color: var(--dif-text-muted);
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  text-align: left;
}
:root #newsWindow #newsDate:empty {
  display: none;
}
:root #newsWindow #newsDescription {
  max-width: 68ch;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--dif-text) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  font-variant: normal !important;
  letter-spacing: 0 !important;
  text-align: left;
}
:root #newsWindow #newsDescription:empty {
  display: none;
}
:root #newsWindow #newsBody {
  max-width: 68ch;
  margin: 0;
  color: var(--dif-text);
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  overflow-wrap: anywhere;
}
:root #newsWindow #newsBody p {
  margin: 0 0 12px 0;
  line-height: 1.6;
}
:root #newsWindow #newsBody :is(h1, h2, h3, h4) {
  margin: 18px 0 8px 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--dif-text);
}
:root #newsWindow #newsBody :is(ul, ol) {
  margin: 0 0 12px 0;
  padding: 0 0 0 22px;
}
:root #newsWindow #newsBody li {
  list-style: disc !important;
  margin: 0 0 4px 0;
}
:root #newsWindow #newsBody ol li {
  list-style: decimal !important;
}
:root #newsWindow #newsBody a {
  color: var(--dif-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}
:root #newsWindow #newsBody a:hover {
  color: var(--dif-primary-dark);
}
:root #newsWindow #newsBody a:focus-visible {
  outline: none;
  border-radius: 2px;
  box-shadow: var(--dif-focus-ring-kbd);
}
:root #newsWindow #newsBody img {
  float: none;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 12px 0;
  border-radius: var(--dif-radius);
}
:root #newsWindow #newsBody table {
  max-width: 100%;
}
:root #newsWindow .newsAreaDetails > p:last-child {
  margin: 8px 0 0 0;
  padding: 12px 0 0 0;
  border-top: 1px solid var(--dif-line);
}
:root #newsWindow #newsURL {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid var(--dif-line-strong);
  border-radius: var(--dif-radius);
  background-color: var(--dif-bg);
  color: var(--dif-text) !important;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
}
:root #newsWindow #newsURL::after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: currentColor;
  -webkit-mask: var(--nw-icon-arrow-right) center / contain no-repeat;
  mask: var(--nw-icon-arrow-right) center / contain no-repeat;
}
:root #newsWindow #newsURL:hover {
  background-color: var(--dif-bg-soft);
  border-color: var(--dif-primary-line);
}
:root #newsWindow #newsURL:focus-visible {
  outline: none;
  box-shadow: var(--dif-focus-ring-kbd);
}
:root #newsWindow .newsAreaDetails > p:last-child:has(> #newsURL[style*="none"]) {
  display: none;
}
@media screen and (max-width: 700px) {
  :root #newsWindow {
    max-width: none;
    left: 8px !important;
  }
  :root #newsWindow_header .x-window-header-text {
    font-size: 17px !important;
  }
  :root #newsWindow .newsAreaDetails:has(> #newsImage[style*="none"])::before {
    height: 72px;
  }
  :root #newsWindow .newsAreaDetails:has(> #newsImage[style*="none"])::after {
    top: 18px;
    right: 20px;
    width: 36px;
    height: 36px;
  }
}