@layer reset, tokens, components, composition;

@layer reset {








@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter-variable.woff2') format('woff2');
}



:where(button[class^="sd-"], button[class*=" sd-"]) {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
}


:where(summary[class^="sd-"], summary[class*=" sd-"]) {
  list-style: none;
}
:where(summary[class^="sd-"], summary[class*=" sd-"])::-webkit-details-marker {
  display: none;
}
:where(fieldset[class^="sd-"], fieldset[class*=" sd-"]) {
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
}



:where([class^="sd-"], [class*=" sd-"]):not(:where(.sd-icon)):not(:where(.sd-sr-only)):not(:where([class^="sd-"], [class*=" sd-"]) *) {
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-default);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color-scheme: light;
}



.sd-page {
  margin: 0;
  background-color: var(--sd-color-surface-default);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-default);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color-scheme: light;
  
  padding-inline: env(safe-area-inset-left, 0px) env(safe-area-inset-right, 0px);
}




:where([class^="sd-"], [class*=" sd-"]),
:where([class^="sd-"], [class*=" sd-"])::before,
:where([class^="sd-"], [class*=" sd-"])::after,
:where([class^="sd-"], [class*=" sd-"]) *,
:where([class^="sd-"], [class*=" sd-"]) *::before,
:where([class^="sd-"], [class*=" sd-"]) *::after {
  box-sizing: border-box;
}

:where([class^="sd-"], [class*=" sd-"]) :where(p, label, h1, h2, h3, h4, h5, h6) {
  margin: 0;
}



.sd-icon {
  display: block;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  fill: none;
  pointer-events: none;
}


.sd-icon-sprite {
  display: none;
}


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


.sd-skip:focus {
  top: var(--sd-space-8);
  left: var(--sd-space-8);
  z-index: var(--sd-z-overlay);
  width: auto;
  height: auto;
  margin: 0;
  padding: var(--sd-space-8) var(--sd-space-12);
  overflow: visible;
  clip: auto;
  clip-path: none;
  border-radius: var(--sd-radius-md);
  background: var(--sd-color-action-primary);
  color: var(--sd-color-text-inverse);
  font-weight: var(--sd-weight-semibold);
  text-decoration: none;
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


[data-sd-skip-target]:focus {
  outline: none;
}


:where([class^="sd-"]:focus-visible, [class*=" sd-"]:focus-visible, .sd-page :focus-visible) {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


@media (forced-colors: active) {
  :where([class^="sd-"]:focus-visible, [class*=" sd-"]:focus-visible, .sd-page :focus-visible) {
    outline: var(--sd-ring-width) solid CanvasText;
  }
}

} 

@layer tokens {





:root {
  

  

  
  --sd-grey-25:   #FBFBFB;
  --sd-grey-50:   #F5F4F5;
  --sd-grey-75:   #EAEAEA;
  --sd-grey-100:  #D5D4D6;
  --sd-grey-200:  #C1BFC1;
  --sd-grey-300:  #ACAAAC;
  --sd-grey-400:  #979497;
  --sd-grey-600:  #6D6A6E;
  --sd-grey-700:  #4E4A4F;
  --sd-grey-800:  #2F2A30;
  --sd-grey-900:  #1C191D;
  --sd-white:     #FFFFFF;
  
  --sd-grey-500:  #827F83;

  
  --sd-blue-25:   #F9FCFE;
  --sd-blue-50:   #F2F8FD;
  --sd-blue-75:   #DEEEFA;
  --sd-blue-200:  #A0CDF2;
  --sd-blue-400:  #61ACE9;
  --sd-blue-500:  #4097DC;
  --sd-blue-600:  #1A7DCE;
  --sd-blue-700:  #0063BE;
  --sd-blue-800:  #0048AB;
  --sd-blue-900:  #00319B;

  
  --sd-rose-50:   #FFF5F9;
  --sd-rose-75:   #FEE0ED;
  --sd-rose-100:  #FDCADF;
  --sd-rose-200:  #FBB5D0;
  --sd-rose-400:  #F06493;
  --sd-rose-500:  #EB4175;
  --sd-rose-600:  #E31B54;
  --sd-rose-700:  #C60C41;
  --sd-rose-800:  #A80031;
  --sd-rose-900:  #890028;  

  
  --sd-orange-75:  #FCEDE7;
  --sd-orange-400: #ED855D;
  --sd-orange-500: #E86734;
  --sd-orange-600: #CA4A17;  
  --sd-orange-700: #DB2900;
  --sd-orange-800: #CB2600;  

  
  --sd-cyan-75:   #DEF6FC;
  --sd-cyan-400:  #71D0E5;

  
  --sd-teal-75:   #E7F4F3;
  --sd-teal-400:  #3EA99D;

  
  --sd-green-50:  #F4F7F1;
  --sd-green-75:  #E5EDDF;
  --sd-green-100: #CBDBBF;
  --sd-green-400: #7BA05E;
  --sd-green-500: #628D43;
  --sd-green-600: #4D7A2A;
  --sd-green-700: #376912;
  --sd-green-800: #255900;
  --sd-green-200: #B2CAA0;  
  --sd-green-300: #98B880;  

  
  --sd-yellow-25:  #FFFCF6;  
  --sd-yellow-50:  #FEF8ED;
  --sd-yellow-75:  #FDF2DC;
  --sd-yellow-100: #FBE8C1;
  --sd-yellow-400: #F5BC4E;
  --sd-yellow-500: #F2AB22;
  --sd-yellow-700: #9D6B09;  
  --sd-yellow-200: #F9DA9E;  
  --sd-yellow-300: #F7CB76;  

  
  --sd-fuchsia-75:  #F9EFFB;
  --sd-fuchsia-100: #F2DDF6;
  --sd-fuchsia-400: #D19EDB;
  --sd-fuchsia-700: #A261AF;
  --sd-fuchsia-800: #8E499B;
  --sd-fuchsia-900: #833992;

  
  --sd-purple-75:  #E9E8F7;
  --sd-purple-200: #B8A6D9;
  --sd-purple-400: #908AD5;
  --sd-purple-500: #7B74C7;
  --sd-purple-600: #7169C3;  
  --sd-purple-700: #534BAB;  
  --sd-purple-50:  #F6F8FC;  
  --sd-purple-100: #D3D0EE;

  
  --sd-hue-signer-1-edge: #0B4ED4;  
  --sd-hue-signer-1-fill: #EEF3FC;
  --sd-hue-signer-2-edge: #B23A55;  
  --sd-hue-signer-2-fill: #FAF1F3;
  --sd-hue-signer-3-edge: #0B6B60;  
  --sd-hue-signer-3-fill: #EEF5F4;
  --sd-hue-signer-4-edge: #96530A;  
  --sd-hue-signer-4-fill: #F8F3EE;
  --sd-hue-signer-5-edge: #6D3FD4;  
  --sd-hue-signer-5-fill: #F5F2FC;
  --sd-hue-signer-6-edge: #4E660C;  
  --sd-hue-signer-6-fill: #F3F4EE;

  
  --sd-elevation-sm:      0 1px 1.5px rgba(16, 24, 40, 0.10), 0 1px 1px rgba(16, 24, 40, 0.06);
  --sd-elevation-lg:      0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
  --sd-elevation-drop-xs: drop-shadow(0 1px 1px rgba(16, 24, 40, 0.05));
  --sd-elevation-drop-sm: drop-shadow(0 1px 1.5px rgba(16, 24, 40, 0.10))
                          drop-shadow(0 1px 1px rgba(16, 24, 40, 0.06));
  --sd-elevation-drop-lg: drop-shadow(0 12px 8px rgba(16, 24, 40, 0.08))
                          drop-shadow(0 4px 3px rgba(16, 24, 40, 0.03));

  

  

  
  --sd-radius-xs:                      2px;
  --sd-radius-sm:                      4px;
  --sd-radius-md:                      6px;
  --sd-radius-lg:                      8px;
  --sd-radius-xl:                      24px;
  --sd-radius-full:                    9999px;

  
  --sd-space-2:                        2px;
  --sd-space-4:                        4px;
  --sd-space-8:                        8px;
  --sd-space-12:                       12px;
  --sd-space-16:                       16px;
  --sd-space-20:                       20px;
  --sd-space-24:                       24px;
  --sd-space-32:                       32px;
  --sd-space-40:                       40px;
  --sd-space-48:                       48px;

  
  --sd-font:                           'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  
  --sd-font-script:                    'Snell Roundhand', 'Segoe Script', 'Bradley Hand', cursive;
  
  --sd-font-hand:                      'Bradley Hand', 'Segoe Print', 'Noteworthy', cursive;
  
  --sd-font-typewriter:                'American Typewriter', 'Courier New', Courier, monospace;
  --sd-weight-normal:                  400;
  --sd-weight-medium:                  500;
  --sd-weight-semibold:                600;
  --sd-weight-bold:                    700;
  
  --sd-tracking-caps:                  0.04em;
  --sd-tracking-eyebrow:               0.08em;
  
  --sd-text-unit:                      calc(1rem / 16);
  
  --sd-text-3xs:                       calc(10 * var(--sd-text-unit));
  --sd-text-2xs:                       calc(11 * var(--sd-text-unit));
  --sd-text-2xs-lh:                    calc(16 * var(--sd-text-unit));
  --sd-text-xs:                        calc(12 * var(--sd-text-unit));
  --sd-text-xs-lh:                     calc(18 * var(--sd-text-unit));
  --sd-text-sm:                        calc(14 * var(--sd-text-unit));
  --sd-text-sm-lh:                     calc(20 * var(--sd-text-unit));
  --sd-text-md:                        calc(16 * var(--sd-text-unit));
  --sd-text-md-lh:                     calc(24 * var(--sd-text-unit));
  
  --sd-text-md-lg:                     calc(18 * var(--sd-text-unit));
  --sd-text-md-lg-lh:                  calc(28 * var(--sd-text-unit));
  --sd-text-lg:                        calc(20 * var(--sd-text-unit));
  --sd-text-lg-lh:                     calc(30 * var(--sd-text-unit));
  --sd-text-xl:                        calc(24 * var(--sd-text-unit));
  --sd-text-xl-lh:                     calc(30 * var(--sd-text-unit));
  --sd-text-display:                   calc(44 * var(--sd-text-unit));
  --sd-text-display-lh:                calc(48 * var(--sd-text-unit));
  
  --sd-text-entry:                     max(16px, var(--sd-text-md));

  
  --sd-label-col:                      calc(180 * var(--sd-text-unit));

  
  --sd-doc-scale:                      1;

  
  --sd-page-max:                       90rem;

  
  --sd-title-bar:                      52px;

  
  --sd-ring-width:                     2px;
  --sd-ring-offset:                    2px;
  --sd-ring-offset-inset:              -2px;

  
  --sd-z-raised:                       1;
  --sd-z-float:                        10;
  --sd-z-overlay:                      60;

  
  --sd-icon-sm:                        16px;
  --sd-icon-md:                        20px;
  --sd-icon-lg:                        24px;

  
  --sd-control-sm:                     36px;
  --sd-control-lg:                     48px;

  

  
  --sd-border-width:                   1px;

  
  --sd-target-touch:                   44px;

  
  --sd-opacity-disabled:               0.5;
  --sd-opacity-ghost:                  0.45;

  
  --sd-shadow-sm:                      var(--sd-elevation-sm);
  --sd-shadow-lg:                      var(--sd-elevation-lg);
  --sd-drop-shadow-xs:                 var(--sd-elevation-drop-xs);
  --sd-drop-shadow-sm:                 var(--sd-elevation-drop-sm);
  --sd-drop-shadow-lg:                 var(--sd-elevation-drop-lg);

  
  --sd-popup-border:                   var(--sd-border-width) solid var(--sd-color-border-default);
  --sd-popup-radius:                   var(--sd-radius-sm);
  --sd-popup-shadow:                   var(--sd-shadow-sm);
  --sd-sheet-radius:                   var(--sd-radius-lg);
  --sd-sheet-shadow:                   var(--sd-shadow-lg);

  
  --sd-duration-fast:                  80ms;
  --sd-duration-base:                  100ms;
  --sd-duration-slow:                  160ms;
  --sd-easing:                         ease-in-out;
  --sd-easing-out:                     cubic-bezier(0.2, 0, 0, 1);
  --sd-easing-in:                      cubic-bezier(0.4, 0, 1, 1);

  
  --sd-duration-tour:                  600ms;
  --sd-duration-tour-travel:           1000ms;
  --sd-easing-tour:                    cubic-bezier(0.22, 1, 0.36, 1);

  
  --sd-duration-spin:                  800ms;
  --sd-duration-breathe:               1.4s;
  --sd-duration-flash:                 1.6s;

  
  --sd-color-surface-default:          var(--sd-white);
  --sd-color-surface-sunken:           var(--sd-grey-25);
  --sd-color-surface-subtle:           var(--sd-grey-50);
  --sd-color-surface-muted:            var(--sd-grey-75);
  
  --sd-color-surface-skeleton:         var(--sd-grey-100);
  --sd-color-surface-skeleton-soft:    var(--sd-grey-75);
  
  --sd-color-surface-subtle-hover:     var(--sd-grey-75);
  --sd-color-surface-hover:            var(--sd-grey-50);
  
  --sd-color-surface-pressed:          var(--sd-blue-50);
  --sd-color-surface-disabled:         var(--sd-grey-50);
  --sd-color-surface-inverse:          var(--sd-grey-800);
  --sd-color-surface-accent:           var(--sd-blue-25);
  --sd-color-surface-selected:         var(--sd-blue-50);
  --sd-color-surface-selected-active:  var(--sd-blue-75);
  
  --sd-color-surface-callout:          var(--sd-yellow-25);
  
  --sd-color-surface-selected-badge:   var(--sd-purple-600);
  --sd-color-surface-tag:              var(--sd-purple-75);
  
  --sd-color-surface-meter:            var(--sd-grey-100);
  --sd-color-surface-meter-filled:     var(--sd-blue-500);
  
  --sd-color-surface-meter-owed:       var(--sd-orange-500);
  
  --sd-color-surface-meter-done:       var(--sd-green-500);
  
  --sd-color-surface-showcase-rich-start: var(--sd-blue-500);
  --sd-color-surface-showcase-rich:       var(--sd-blue-800);
  --sd-color-surface-showcase-rich-end:   var(--sd-purple-700);
  --sd-color-surface-showcase-rich-track: var(--sd-blue-600);
  
  --sd-color-surface-flagged:          var(--sd-yellow-50);
  --sd-color-surface-step-done:        var(--sd-green-100);
  
  --sd-color-surface-pending:          var(--sd-yellow-75);
  
  --sd-color-surface-guide:            var(--sd-yellow-500);
  
  --sd-color-surface-conditional:      var(--sd-yellow-50);
  
  --sd-color-surface-repeat:           var(--sd-blue-50);
  
  --sd-color-surface-merged:           var(--sd-yellow-75);
  
  --sd-color-surface-merged-found:     var(--sd-yellow-200);
  --sd-color-surface-step-current:     var(--sd-green-700);
  
  --sd-color-surface-step-declined:    var(--sd-rose-100);
  
  --sd-color-surface-change-added:     var(--sd-green-75);
  --sd-color-surface-change-removed:   var(--sd-rose-100);
  
  --sd-color-surface-scrim:            color-mix(in srgb, var(--sd-grey-800) 45%, transparent);

  
  --sd-color-text-default:             var(--sd-grey-700);
  --sd-color-text-strong:              var(--sd-grey-800);
  --sd-color-text-muted:               var(--sd-grey-600);
  
  --sd-color-text-placeholder:         var(--sd-grey-600);
  
  --sd-color-text-disabled:            var(--sd-grey-400);
  --sd-color-text-pressed:             var(--sd-grey-900);
  --sd-color-text-inverse:             var(--sd-white);
  
  --sd-color-text-inverse-muted:       var(--sd-grey-300);
  
  --sd-color-text-on-showcase-rich-muted: var(--sd-blue-75);
  --sd-color-text-accent:              var(--sd-blue-700);
  --sd-color-text-repeat:              var(--sd-blue-700);
  --sd-color-text-tag:                 var(--sd-purple-700);
  
  --sd-color-text-accent-hover:        var(--sd-blue-800);
  --sd-color-text-accent-pressed:      var(--sd-blue-900);
  
  --sd-color-text-error:               var(--sd-rose-700);
  
  --sd-color-text-success:             var(--sd-green-800);
  
  --sd-color-text-error-hover:         var(--sd-rose-800);
  --sd-color-text-error-pressed:       var(--sd-rose-900);
  
  --sd-color-text-on-error:            var(--sd-rose-800);

  
  --sd-color-icon-default:             var(--sd-grey-700);
  --sd-color-icon-strong:              var(--sd-grey-800);
  --sd-color-icon-muted:               var(--sd-grey-600);
  --sd-color-icon-subtle:              var(--sd-grey-400);
  --sd-color-icon-disabled:            var(--sd-grey-400);
  --sd-color-icon-inverse:             var(--sd-white);
  
  --sd-color-icon-accent:              var(--sd-blue-700);
  
  --sd-color-icon-accent-hover:        var(--sd-blue-800);
  --sd-color-icon-accent-pressed:      var(--sd-blue-900);
  --sd-color-icon-success:             var(--sd-green-700);
  --sd-color-icon-pending:             var(--sd-yellow-700);
  --sd-color-icon-warning:             var(--sd-yellow-700);
  --sd-color-icon-error:               var(--sd-rose-700);
  
  --sd-color-icon-error-pressed:       var(--sd-rose-800);

  
  --sd-color-border-subtle:            var(--sd-grey-75);
  --sd-color-border-default:           var(--sd-grey-100);
  --sd-color-border-strong:            var(--sd-grey-200);
  --sd-color-border-hover:             var(--sd-grey-300);
  
  --sd-color-border-focus:             var(--sd-blue-700);
  --sd-color-border-focus-strong:      var(--sd-grey-800);
  --sd-color-border-focus-on-inverse:  var(--sd-white);
  --sd-color-border-accent:            var(--sd-blue-200);
  --sd-color-border-accent-strong:     var(--sd-blue-500);
  
  --sd-color-border-callout:           var(--sd-yellow-300);
  
  --sd-color-border-tab-selected:      var(--sd-grey-900);
  
  --sd-color-border-on-showcase-rich: var(--sd-blue-600);
  --sd-color-border-selected:          var(--sd-purple-500);
  --sd-color-border-flagged:           var(--sd-yellow-500);
  --sd-color-border-warning:           var(--sd-yellow-500);
  --sd-color-border-step-done:         var(--sd-green-300);
  --sd-color-border-pending:           var(--sd-yellow-400);
  --sd-color-border-conditional:       var(--sd-yellow-400);
  --sd-color-border-repeat:            var(--sd-blue-400);
  --sd-color-border-step-todo:         var(--sd-grey-400);
  --sd-color-border-accent-disabled:   var(--sd-blue-25);
  --sd-color-border-editing:           var(--sd-grey-500);

  
  --sd-color-action-primary:           var(--sd-blue-700);
  --sd-color-action-primary-hover:     var(--sd-blue-800);
  --sd-color-action-primary-active:    var(--sd-blue-900);
  --sd-color-action-primary-disabled:  var(--sd-blue-200);
  --sd-color-action-secondary:         var(--sd-white);
  --sd-color-action-secondary-active:  var(--sd-grey-25);
  --sd-color-action-secondary-disabled: var(--sd-grey-25);
  --sd-color-action-destructive:       var(--sd-rose-600);
  
  --sd-color-action-destructive-hover: var(--sd-rose-700);
  --sd-color-action-destructive-active: var(--sd-rose-800);
  --sd-color-action-destructive-disabled: var(--sd-rose-200);
  --sd-color-action-toggle-off:        var(--sd-grey-400);
  --sd-color-action-toggle-off-hover:  var(--sd-grey-600);
  --sd-color-action-toggle-off-focus:  var(--sd-grey-700);
  --sd-color-action-toggle-on:         var(--sd-blue-600);
  --sd-color-action-toggle-on-hover:   var(--sd-blue-700);
  --sd-color-action-toggle-on-focus:   var(--sd-blue-900);
  --sd-color-action-toggle-disabled:   var(--sd-grey-200);
  --sd-color-action-toggle-mark-disabled: var(--sd-grey-300);

  
  --sd-color-status-warning-tint:        var(--sd-yellow-50);
  --sd-color-status-warning-tint-border: var(--sd-yellow-200);
  --sd-color-status-success-tint:        var(--sd-green-50);
  --sd-color-status-success-tint-border: var(--sd-green-200);
  --sd-color-status-info-tint:           var(--sd-purple-50);
  --sd-color-status-info-tint-border:    var(--sd-purple-100);
  --sd-color-status-error-tint:          var(--sd-rose-50);
  --sd-color-status-error-tint-border:   var(--sd-rose-200);
  --sd-color-status-error-tint-strong:   var(--sd-rose-75);
  --sd-color-status-neutral-badge:       var(--sd-grey-75);
  --sd-color-status-info-badge:          var(--sd-blue-75);
  
  --sd-color-status-live-fill:           var(--sd-blue-700);
  --sd-color-status-success-fill:        var(--sd-green-600);
  --sd-color-status-stopped-fill:        var(--sd-grey-600);
  --sd-color-status-error-fill:          var(--sd-rose-600);
  --sd-color-status-error-border:        var(--sd-rose-600);

  
  --sd-color-object-required-border:   var(--sd-rose-400);
  --sd-color-object-asking-border:     var(--sd-grey-600);
  --sd-color-object-asking-mark:       var(--sd-grey-700);
  --sd-color-object-data-surface:      var(--sd-fuchsia-75);
  --sd-color-object-data-surface-hover: var(--sd-fuchsia-100);
  --sd-color-object-data-border:       var(--sd-fuchsia-700);
  --sd-color-object-data-text:         var(--sd-fuchsia-900);
  --sd-color-object-data-underline:    var(--sd-fuchsia-800);
  --sd-color-object-field-surface:     var(--sd-yellow-50);
  --sd-color-object-field-border:      var(--sd-yellow-500);

  
  --sd-color-plan-default:             var(--sd-orange-600);
  --sd-color-plan-free:                var(--sd-yellow-700);
  --sd-color-plan-team:                var(--sd-blue-700);
  --sd-color-plan-professional:        var(--sd-purple-600);
  --sd-color-plan-enterprise:          var(--sd-green-600);

  
  --sd-color-avatar-green-fill:        var(--sd-green-75);
  --sd-color-avatar-green-line:        var(--sd-green-400);
  --sd-color-avatar-grey-fill:         var(--sd-grey-75);
  --sd-color-avatar-grey-line:         var(--sd-grey-400);
  --sd-color-avatar-blue-fill:         var(--sd-blue-75);
  --sd-color-avatar-blue-line:         var(--sd-blue-400);
  --sd-color-avatar-cyan-fill:         var(--sd-cyan-75);
  --sd-color-avatar-cyan-line:         var(--sd-cyan-400);
  --sd-color-avatar-teal-fill:         var(--sd-teal-75);
  --sd-color-avatar-teal-line:         var(--sd-teal-400);
  --sd-color-avatar-yellow-fill:       var(--sd-yellow-75);
  --sd-color-avatar-yellow-line:       var(--sd-yellow-400);
  --sd-color-avatar-orange-fill:       var(--sd-orange-75);
  --sd-color-avatar-orange-line:       var(--sd-orange-400);
  --sd-color-avatar-rose-fill:         var(--sd-rose-75);
  --sd-color-avatar-rose-line:         var(--sd-rose-400);
  --sd-color-avatar-fuchsia-fill:      var(--sd-fuchsia-75);
  --sd-color-avatar-fuchsia-line:      var(--sd-fuchsia-400);
  --sd-color-avatar-purple-fill:       var(--sd-purple-75);
  --sd-color-avatar-purple-line:       var(--sd-purple-400);

  
  --sd-color-signer-1-edge:            var(--sd-hue-signer-1-edge);
  --sd-color-signer-1-fill:            var(--sd-hue-signer-1-fill);
  --sd-color-signer-2-edge:            var(--sd-hue-signer-2-edge);
  --sd-color-signer-2-fill:            var(--sd-hue-signer-2-fill);
  --sd-color-signer-3-edge:            var(--sd-hue-signer-3-edge);
  --sd-color-signer-3-fill:            var(--sd-hue-signer-3-fill);
  --sd-color-signer-4-edge:            var(--sd-hue-signer-4-edge);
  --sd-color-signer-4-fill:            var(--sd-hue-signer-4-fill);
  --sd-color-signer-5-edge:            var(--sd-hue-signer-5-edge);
  --sd-color-signer-5-fill:            var(--sd-hue-signer-5-fill);
  --sd-color-signer-6-edge:            var(--sd-hue-signer-6-edge);
  --sd-color-signer-6-fill:            var(--sd-hue-signer-6-fill);
  --sd-color-signer-none-edge:         var(--sd-grey-600);

  
  --sd-color-integration-data-surface:         var(--sd-blue-75);
  --sd-color-integration-data-text:            var(--sd-blue-700);
  --sd-color-integration-file-storage-surface: var(--sd-orange-75);
  --sd-color-integration-file-storage-text:    var(--sd-orange-800);
  --sd-color-integration-messaging-surface:    var(--sd-purple-75);
  --sd-color-integration-messaging-text:       var(--sd-purple-700);

}


@media (prefers-reduced-motion: reduce) {
  :root {
    --sd-duration-fast: 0s;
    --sd-duration-base: 0s;
    --sd-duration-slow: 0s;
    --sd-duration-tour: 0s;
    --sd-duration-tour-travel: 0s;
    --sd-duration-spin: 0s;
    --sd-duration-breathe: 0s;
    --sd-duration-flash: 0s;
  }
}


@supports (font: -apple-system-body) and (-webkit-touch-callout: none) {
  :root:has(> body.sd-page) {
    font: -apple-system-body;
    --sd-text-unit: calc(1rem / 17);
  }
}

} 

@layer components {






.sd-button {
  
  --sd-btn-pad-y: var(--sd-space-12);
  --sd-btn-pad-x: var(--sd-space-12);
  --sd-btn-gap:   var(--sd-space-8);
  --sd-btn-icon:  var(--sd-icon-md);
  --sd-btn-fs:    var(--sd-text-sm);
  --sd-btn-lh:    var(--sd-text-sm-lh);

  
  --sd-btn-bg:    var(--sd-color-action-primary);
  --sd-btn-fg:    var(--sd-color-text-inverse);
  --sd-btn-ico:   var(--sd-color-icon-inverse);
  --sd-btn-bd:    0px;
  --sd-btn-bdc:   transparent;

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  gap: var(--sd-btn-gap);

  
  padding: calc(var(--sd-btn-pad-y) - var(--sd-btn-bd))
           calc(var(--sd-btn-pad-x) - var(--sd-btn-bd));
  border: var(--sd-btn-bd) solid var(--sd-btn-bdc);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-btn-bg);
  color: var(--sd-btn-fg);

  font-family: var(--sd-font);
  font-weight: var(--sd-weight-semibold);
  font-size: var(--sd-btn-fs);
  line-height: var(--sd-btn-lh);
  white-space: nowrap;
  
  text-decoration: none;

  width: fit-content;
  
  min-width: 24px;
  min-height: 24px;
  overflow: clip;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              border-color     var(--sd-duration-base) var(--sd-easing),
              color            var(--sd-duration-base) var(--sd-easing);
}

.sd-button__icon {
  width: var(--sd-btn-icon);
  height: var(--sd-btn-icon);
  flex-shrink: 0;
  color: var(--sd-btn-ico);
  overflow: clip;
}



.sd-button--sm {
  --sd-btn-pad-y: var(--sd-space-4);
  --sd-btn-pad-x: var(--sd-space-4);
  --sd-btn-gap:   var(--sd-space-4);
  --sd-btn-icon:  var(--sd-icon-sm);
  --sd-btn-fs:    var(--sd-text-xs);
  --sd-btn-lh:    var(--sd-text-xs-lh);
}

.sd-button--lg {
  --sd-btn-pad-y: var(--sd-space-12);
  --sd-btn-pad-x: var(--sd-space-16);
  --sd-btn-gap:   var(--sd-space-8);
  --sd-btn-icon:  var(--sd-icon-lg);
  --sd-btn-fs:    var(--sd-text-md);
  --sd-btn-lh:    var(--sd-text-md-lh);
}



.sd-button--destructive {
  --sd-btn-gap: var(--sd-space-8);
  --sd-btn-bg:  var(--sd-color-action-destructive);
}



.sd-button--secondary {
  --sd-btn-bd:  var(--sd-border-width);
  --sd-btn-bg:  var(--sd-color-action-secondary);
  --sd-btn-bdc: var(--sd-color-border-subtle);
  --sd-btn-fg:  var(--sd-color-text-muted);
  --sd-btn-ico: var(--sd-color-icon-muted);
}


.sd-button--tertiary {
  --sd-btn-pad-y: var(--sd-space-4);
  --sd-btn-pad-x: var(--sd-space-4);
  --sd-btn-bd:    0px;
  --sd-btn-bdc:   transparent;
  --sd-btn-bg:    transparent;
  --sd-btn-fg:    var(--sd-color-text-default);
  --sd-btn-ico:   var(--sd-color-icon-muted);
}


.sd-button--tertiary.sd-button--destructive {
  --sd-btn-bg:  transparent;
  --sd-btn-fg:  var(--sd-color-text-error);
  --sd-btn-ico: var(--sd-color-icon-error);
}



.sd-button:hover:not(:disabled)              { --sd-btn-bg: var(--sd-color-action-primary-hover); }
.sd-button--destructive:hover:not(:disabled) { --sd-btn-bg: var(--sd-color-action-destructive-hover); }
.sd-button--secondary:hover:not(:disabled) {
  --sd-btn-bg:  var(--sd-color-action-secondary);
  --sd-btn-bdc: var(--sd-color-border-default);
  --sd-btn-fg:  var(--sd-color-text-default);
  --sd-btn-ico: var(--sd-color-icon-default);
}

.sd-button--tertiary:hover:not(:disabled) {
  --sd-btn-bg:  transparent;
  --sd-btn-fg:  var(--sd-color-text-strong);
  --sd-btn-ico: var(--sd-color-icon-default);
}
.sd-button--tertiary.sd-button--destructive:hover:not(:disabled) {
  --sd-btn-bg:  transparent;
  --sd-btn-fg:  var(--sd-color-text-error-hover);
  --sd-btn-ico: var(--sd-color-icon-error);
}

.sd-button:active:not(:disabled)              { --sd-btn-bg: var(--sd-color-action-primary-active); }
.sd-button--destructive:active:not(:disabled) { --sd-btn-bg: var(--sd-color-action-destructive-active); }
.sd-button--secondary:active:not(:disabled) {
  --sd-btn-bg:  var(--sd-color-action-secondary-active);
  --sd-btn-bdc: var(--sd-color-border-strong);
  --sd-btn-fg:  var(--sd-color-text-pressed);
  --sd-btn-ico: var(--sd-color-icon-strong);
}
.sd-button--tertiary:active:not(:disabled) {
  --sd-btn-bg:  transparent;
  --sd-btn-fg:  var(--sd-color-text-pressed);
  --sd-btn-ico: var(--sd-color-icon-strong);
}
.sd-button--tertiary.sd-button--destructive:active:not(:disabled) {
  --sd-btn-bg:  transparent;
  --sd-btn-fg:  var(--sd-color-text-error-pressed);
  --sd-btn-ico: var(--sd-color-icon-error-pressed);
}



.sd-button:disabled              { --sd-btn-bg: var(--sd-color-action-primary-disabled); cursor: default; }
.sd-button--destructive:disabled { --sd-btn-bg: var(--sd-color-action-destructive-disabled); }
.sd-button--secondary:disabled {
  --sd-btn-bg:  var(--sd-color-action-secondary-disabled);
  --sd-btn-bdc: var(--sd-color-border-default);
  --sd-btn-fg:  var(--sd-color-text-disabled);
  --sd-btn-ico: var(--sd-color-icon-disabled);
}

.sd-button--tertiary:disabled {
  --sd-btn-bg:  transparent;
  --sd-btn-bdc: transparent;
  --sd-btn-fg:  var(--sd-color-text-disabled);
  --sd-btn-ico: var(--sd-color-icon-disabled);
}





@media (forced-colors: active) {

  .sd-button {
    border: var(--sd-border-width) solid ButtonBorder;
    padding: calc(var(--sd-btn-pad-y, var(--sd-ib-pad)) - var(--sd-border-width))
             calc(var(--sd-btn-pad-x, var(--sd-ib-pad)) - 1px);
  }
  .sd-button:disabled { color: GrayText; border-color: GrayText; }
}


.sd-button[aria-busy="true"] {
  cursor: progress;
}




@media (any-pointer: coarse) {
  .sd-button--tertiary {
    --sd-btn-reach: calc((var(--sd-target-touch) - 2 * var(--sd-btn-pad-y) - var(--sd-btn-lh)) / 2);
    padding-block: calc(var(--sd-btn-pad-y) + var(--sd-btn-reach));
    margin-block: calc(-1 * var(--sd-btn-reach));
  }
}





.sd-icon-button {
  --sd-ib-pad:  var(--sd-space-12);
  --sd-ib-icon: var(--sd-icon-md);
  --sd-ib-bg:   var(--sd-color-action-primary);
  --sd-ib-ico:  var(--sd-color-icon-inverse);
  --sd-ib-bd:   0px;
  --sd-ib-bdc:  transparent;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;

  padding: calc(var(--sd-ib-pad) - var(--sd-ib-bd));
  border: var(--sd-ib-bd) solid var(--sd-ib-bdc);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-ib-bg);
  color: var(--sd-ib-ico);

  width: fit-content;
  
  min-width: 24px;
  min-height: 24px;
  overflow: clip;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              border-color     var(--sd-duration-base) var(--sd-easing),
              color            var(--sd-duration-base) var(--sd-easing);
}

.sd-icon-button__icon {
  width: var(--sd-ib-icon);
  height: var(--sd-ib-icon);
  flex-shrink: 0;
  overflow: clip;
}

.sd-icon-button--sm {
  --sd-ib-pad:  var(--sd-space-4);
  --sd-ib-icon: var(--sd-icon-sm);
}

.sd-icon-button--secondary {
  --sd-ib-bd:  var(--sd-border-width);
  --sd-ib-bg:  var(--sd-color-action-secondary);
  --sd-ib-bdc: var(--sd-color-border-subtle);
  --sd-ib-ico: var(--sd-color-icon-muted);
}

.sd-icon-button--tertiary {
  --sd-ib-bg:  transparent;
  --sd-ib-ico: var(--sd-color-icon-muted);
}



.sd-icon-button:hover:not(:disabled)            { --sd-ib-bg: var(--sd-color-action-primary-hover); }
.sd-icon-button--secondary:hover:not(:disabled) {
  --sd-ib-bg:  var(--sd-color-action-secondary);
  --sd-ib-bdc: var(--sd-color-border-default);
  --sd-ib-ico: var(--sd-color-icon-default);
}
.sd-icon-button--tertiary:hover:not(:disabled)  {
  --sd-ib-bg:  transparent;
  --sd-ib-ico: var(--sd-color-icon-default);
}

.sd-icon-button:active:not(:disabled)            { --sd-ib-bg: var(--sd-color-action-primary-active); }
.sd-icon-button--secondary:active:not(:disabled) {
  --sd-ib-bg:  var(--sd-color-action-secondary-active);
  --sd-ib-bdc: var(--sd-color-border-strong);
  --sd-ib-ico: var(--sd-color-icon-strong);
}
.sd-icon-button--tertiary:active:not(:disabled)  {
  --sd-ib-bg:  transparent;
  --sd-ib-ico: var(--sd-color-icon-strong);
}

.sd-icon-button:disabled            { --sd-ib-bg: var(--sd-color-action-primary-disabled); cursor: default; }
.sd-icon-button--secondary:disabled {
  --sd-ib-bg:  var(--sd-color-action-secondary-disabled);
  --sd-ib-bdc: var(--sd-color-border-default);
  --sd-ib-ico: var(--sd-color-icon-disabled);
}
.sd-icon-button--tertiary:disabled  {
  --sd-ib-bg:  transparent;
  --sd-ib-ico: var(--sd-color-icon-disabled);
}





@media (forced-colors: active) {

  .sd-icon-button {
    border: var(--sd-border-width) solid ButtonBorder;
    padding: calc(var(--sd-btn-pad-y, var(--sd-ib-pad)) - var(--sd-border-width))
             calc(var(--sd-btn-pad-x, var(--sd-ib-pad)) - 1px);
  }
  .sd-icon-button:disabled { color: GrayText; border-color: GrayText; }
}


.sd-icon-button[aria-busy="true"] {
  cursor: progress;
}




@media (any-pointer: coarse) {
  .sd-icon-button--sm.sd-icon-button--tertiary {
    --sd-ib-reach: calc((var(--sd-target-touch) - var(--sd-ib-icon) - 2 * var(--sd-space-4)) / 2);
    padding: calc(var(--sd-ib-pad) + var(--sd-ib-reach));
    margin: calc(-1 * var(--sd-ib-reach));
  }
}





.sd-field {
  --sd-fc-bd:  1px;
  --sd-fc-bdc: var(--sd-color-border-subtle);
  --sd-fc-bg:  var(--sd-color-surface-subtle);
  --sd-fc-fg:  var(--sd-color-text-strong);

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--sd-space-12);
  
  flex-wrap: wrap;
  row-gap: 0;
  width: 100%;

  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}


.sd-field[hidden] {
  display: none;
}

.sd-field__label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-4);

  width: var(--sd-label-col);
  flex-shrink: 1;
  
  min-width: 88px;
  
  padding: 14px 0;
  color: var(--sd-color-text-muted);
}


.sd-field:has([required]) .sd-field__label::after {
  content: "*";
  color: var(--sd-color-text-error);
  font-weight: var(--sd-weight-semibold);
}

.sd-field__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sd-space-4);
  
  flex: 1 1 var(--sd-label-col);
  min-width: 0;
}

.sd-field__control {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);

  align-self: stretch;
  width: 100%;
  min-height: var(--sd-control-lg);

  padding: calc(14px - var(--sd-fc-bd));
  border: var(--sd-fc-bd) solid var(--sd-fc-bdc);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-fc-bg);
  color: var(--sd-fc-fg);
  transition: border-color var(--sd-duration-base) var(--sd-easing),
              background-color var(--sd-duration-base) var(--sd-easing);
}


.sd-field__control :where(input, textarea, select) {
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: none;
  font: inherit;
  color: var(--sd-fc-fg);
  line-height: var(--sd-text-sm-lh);
}

.sd-field__control :where(input, textarea)::placeholder {
  color: var(--sd-color-text-placeholder);
  opacity: 1;              
}

.sd-field__control :where(select) {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  height: var(--sd-text-sm-lh);
}


.sd-field__control:has(> select) {
  position: relative;
  
  min-height: max(var(--sd-control-lg), calc(var(--sd-text-sm-lh) + 2 * 14px));
}

.sd-field__control:has(> select) > :where(select) {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  padding: calc(14px - var(--sd-fc-bd));
  padding-right: calc(14px - var(--sd-fc-bd) + 16px + var(--sd-space-8));
}


.sd-field__control:has(> select)
  > .sd-field__affix:not(.sd-field__affix--leading) {
  margin-left: auto;
}

.sd-field__control :where(textarea) {
  resize: none;
  height: 100%;
  align-self: stretch;
}


.sd-field__affix {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-muted);
  pointer-events: none;
}

.sd-field__affix--lock { display: none; }


.sd-field__control:has(> :where(input, select, textarea, fieldset):disabled) .sd-field__affix--leading {
  color: var(--sd-color-icon-disabled);
}



.sd-field__affix--stepper,
.sd-field__affix--configure,
.sd-field__affix--clear {
  pointer-events: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--sd-color-icon-muted);
  cursor: pointer;
  transition: color var(--sd-duration-base) var(--sd-easing);
}

.sd-field__affix--stepper:hover,
.sd-field__affix--configure:hover,
.sd-field__affix--clear:hover { color: var(--sd-color-icon-strong); }


.sd-field__affix--configure:focus-visible,
.sd-field__affix--clear:focus-visible {
  color: var(--sd-color-icon-strong);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
  border-radius: var(--sd-radius-xs);
}




.sd-field__control :where(input[type="number"]) {
  -moz-appearance: textfield;
  appearance: textfield;
}
.sd-field__control :where(input[type="number"])::-webkit-inner-spin-button,
.sd-field__control :where(input[type="number"])::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}



.sd-field__control > input[type="color"] {
  flex: 0 0 auto;
  
  width: 20px;
  height: 20px;
  padding: 2px;
  border: var(--sd-border-width) solid var(--sd-color-border-strong);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.sd-field__control > input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
.sd-field__control > input[type="color"]::-webkit-color-swatch {
  border: 0;
  border-radius: var(--sd-radius-xs);
}
.sd-field__control > input[type="color"]::-moz-color-swatch {
  border: 0;
  border-radius: var(--sd-radius-xs);
}

.sd-field__control > output {
  flex: 1 1 0;
  min-width: 0;
  font: inherit;
  color: var(--sd-fc-fg);
  line-height: var(--sd-text-sm-lh);
}




.sd-field--textarea .sd-field__control {
  align-items: flex-start;
  
  height: calc(3 * var(--sd-text-sm-lh) + 2 * 14px);
  min-height: calc(3 * var(--sd-text-sm-lh) + 2 * 14px);
}
.sd-field--textarea .sd-field__affix { align-self: flex-start; }



.sd-field__hint {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-4);
  
  min-height: var(--sd-text-sm-lh);
  padding-left: var(--sd-space-4);
  color: var(--sd-color-text-muted);
}


.sd-field__hint[hidden] {
  display: none;
}


.sd-field--error-hint:not(:has([aria-invalid="true"])) .sd-field__hint {
  display: none;
}

.sd-field__hint-icon {
  display: none;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
}


.sd-field__hint-text {
  flex: 1 1 auto;
  min-width: 0;
}


.sd-field__hint-link {
  color: inherit;
  text-decoration: underline;
}

.sd-field__hint-link:hover { color: var(--sd-color-text-strong); }

.sd-field__hint-link:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
  border-radius: var(--sd-radius-xs);
}




.sd-field__control:is(:hover, :has(:hover)):not(:has(> :where(input, select, textarea, fieldset):disabled)) {
  --sd-fc-bdc: var(--sd-color-border-default);
}



.sd-field__control:has(:focus-visible):not(:has(.sd-field__affix:focus-visible)),
.sd-field__control:has(> [contenteditable="true"]:focus):not(:has(.sd-field__affix:focus-visible)) {
  --sd-fc-bdc: var(--sd-color-border-strong);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


.sd-field__control:has(> :where(input, select, textarea, fieldset):disabled) {
  --sd-fc-bd:  2px;
  --sd-fc-bg:  var(--sd-color-surface-muted);
  --sd-fc-bdc: var(--sd-color-border-subtle);
  
  --sd-fc-fg:  var(--sd-color-text-default);
  cursor: default;
}
.sd-field__control:has(> :where(input, select, textarea, fieldset):disabled) .sd-field__affix--chevron,
.sd-field__control:has(> :where(input, select, textarea, fieldset):disabled) .sd-field__affix--stepper,
.sd-field__control:has(> :where(input, select, textarea, fieldset):disabled) .sd-field__affix--configure,
.sd-field__control:has(> :where(input, select, textarea, fieldset):disabled) .sd-field__affix--clear { display: none; }


.sd-field__control:has(> input:placeholder-shown) .sd-field__affix--clear { display: none; }
.sd-field__col:has(> .sd-field__control > input:placeholder-shown) > .sd-field__hint:has(.sd-field__hint-link) { display: none; }
.sd-field__control:has(> :where(input, select, textarea, fieldset):disabled) .sd-field__affix--lock    { display: flex; }
.sd-field__control:has(> :where(input, select, textarea, fieldset):disabled) :where(select) { cursor: default; }
.sd-field__control:has(> :where(input, select, textarea, fieldset):disabled) > input[type="color"] {
  border-color: var(--sd-color-border-default);
  cursor: default;
}


.sd-field:has([aria-invalid="true"]) .sd-field__label { color: var(--sd-color-text-error); }
.sd-field:has([aria-invalid="true"]) .sd-field__hint  { color: var(--sd-color-text-error); }
.sd-field:has([aria-invalid="true"]) .sd-field__hint-icon { display: flex; }




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px), (any-pointer: coarse) {
  .sd-field__control > input:not([type="checkbox"], [type="radio"], [type="color"], [type="file"], [type="range"]) {
    padding-block: calc(14px - var(--sd-fc-bd));
    margin-block: calc(-1 * (14px - var(--sd-fc-bd)));
  }

  .sd-field--compact .sd-field__control > input:not([type="checkbox"], [type="radio"], [type="color"], [type="file"], [type="range"]) {
    padding-block: calc(6px - var(--sd-fc-bd));
    margin-block: calc(-1 * (6px - var(--sd-fc-bd)));
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-field:not(.sd-field--stacked) > .sd-field__col {
    flex-basis: 100%;
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px), (any-pointer: coarse) {
  .sd-field__control :where(input, textarea, select),
  .sd-field__control > output {
    font-size: var(--sd-text-entry);
  }
}





@media (forced-colors: active) {

  .sd-field__control          { border-color: CanvasText; }
  .sd-field__control:has(> :where(input, select, textarea, fieldset):disabled) { border-color: GrayText; }
  .sd-field:has([aria-invalid="true"]) .sd-field__label,
  .sd-field:has([aria-invalid="true"]) .sd-field__hint { color: CanvasText; }

  
  .sd-field__control:has(:focus-visible):not(:has(.sd-field__affix:focus-visible)),
  .sd-field__control:has(> [contenteditable="true"]:focus):not(:has(.sd-field__affix:focus-visible)) {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
  .sd-field__affix--configure:focus-visible,
  .sd-field__affix--clear:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
  .sd-field__control > input[type="color"] { border-color: CanvasText; }
}





.sd-field__control:has(> :is(.sd-input-list, .sd-toggle, .sd-text-chips, .sd-signer-picker)) {
  padding: 0;
  border: 0;
  background: transparent;
  min-height: 0;
}
.sd-field__control:has(> :is(.sd-input-list, .sd-toggle, .sd-text-chips, .sd-signer-picker)):has(:focus-visible) {
  outline: none;
}


.sd-field__control > .sd-signer-picker { flex: 1 1 auto; min-width: 0; }

.sd-field__control > .sd-signer-picker > .sd-signer-picker__head { display: none; }

.sd-field:has(> .sd-field__col > .sd-field__control > .sd-signer-picker:not(.sd-signer-picker--field)) > .sd-field__label,
.sd-field:has(> .sd-field__col > .sd-field__control > .sd-signer-picker:not(.sd-signer-picker--field)) > .sd-field__name > .sd-field__label {
  padding: var(--sd-space-8) 0;
}


.sd-field__control:has(> .sd-toggle--fit) { justify-content: flex-end; }


.sd-field:has(> .sd-field__col > .sd-field__control > :is(.sd-toggle, .sd-text-chips)) > .sd-field__label,
.sd-field:has(> .sd-field__col > .sd-field__control > :is(.sd-toggle, .sd-text-chips)) > .sd-field__name > .sd-field__label {
  padding: var(--sd-space-12) 0;
}
.sd-field:has(> .sd-field__col > .sd-field__control > .sd-input-list) > .sd-field__label,
.sd-field:has(> .sd-field__col > .sd-field__control > .sd-input-list) > .sd-field__name > .sd-field__label {
  padding: var(--sd-space-16) 0;
}


.sd-field__control:has(> .sd-select-menu) { position: relative; }
.sd-field__control:has(> .sd-select-menu) > .sd-select-menu { position: static; }


.sd-field__control:has(> .sd-field-picker-face) { position: relative; }
.sd-field__control > .sd-field-picker-face { position: static; }
.sd-field__control > .sd-field-picker-face > .sd-field-picker-face__open::after,
.sd-field__control > .sd-select-menu > .sd-select-menu__face::after {
  content: "";
  position: absolute;
  inset: 0;
}
.sd-field__control > .sd-field-picker-face > .sd-field-picker-face__clear { position: relative; }


.sd-field__control:has(> .sd-select-menu > [aria-disabled="true"]),
.sd-field__control:has(> .sd-select-menu > [aria-disabled="true"]):is(:hover, :has(:hover)) {
  --sd-fc-bd:  2px;
  --sd-fc-bg:  var(--sd-color-surface-muted);
  --sd-fc-bdc: var(--sd-color-border-subtle);
  --sd-fc-fg:  var(--sd-color-text-default);
  cursor: default;
}
.sd-field__control:has(> .sd-select-menu > [aria-disabled="true"]) .sd-field__affix--chevron { display: none; }

.sd-field__control:has(> .sd-select-menu > [aria-disabled="true"]) .sd-field__affix--lock { display: flex; }




.sd-field__label-icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  margin: 0 var(--sd-space-8);
  color: var(--sd-color-icon-muted);
}




.sd-field--long-label > .sd-field__label,
.sd-field--long-label > .sd-field__name {
  width: auto;
  flex: 1 1 0;
  min-width: 0;
}
.sd-field--long-label > .sd-field__col {
  flex: 0 1 auto;
  align-items: flex-end;
}




.sd-field--stacked {
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-8);
}
.sd-field--stacked > .sd-field__label,
.sd-field--stacked > .sd-field__name {
  width: auto;
  min-width: 0;
  padding: 0;
  color: var(--sd-color-text-strong);
}
.sd-field--stacked > .sd-field__col {
  flex: 0 0 auto;
  width: 100%;
}




.sd-field--compact .sd-field__control {
  
  min-height: 32px;
  padding: calc(6px - var(--sd-fc-bd)) calc(12px - var(--sd-fc-bd));
}

.sd-field--compact .sd-field__control:has(> select) {
  min-height: max(32px, calc(var(--sd-text-sm-lh) + 2 * 6px));
}
.sd-field--compact .sd-field__control:has(> select) > :where(select) {
  padding: calc(6px - var(--sd-fc-bd)) calc(12px - var(--sd-fc-bd));
  padding-right: calc(12px - var(--sd-fc-bd) + 16px + var(--sd-space-8));
}
.sd-field--compact.sd-field--stacked {
  gap: var(--sd-space-4);
}
.sd-field--compact .sd-field__label {
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
}

.sd-field--compact .sd-field__hint {
  min-height: var(--sd-text-xs-lh);
  padding-left: 0;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
}


.sd-field--compact:not(.sd-field--stacked) > .sd-field__label {
  
  min-width: 76px;
  padding: 7px 0;
}




@media (any-pointer: coarse) {
  .sd-field--compact .sd-field__control {
    min-height: calc(var(--sd-target-touch) + 2 * var(--sd-fc-bd));
  }

  .sd-field--compact .sd-field__control > input:not([type="checkbox"], [type="radio"], [type="color"], [type="file"], [type="range"]) {
    --sd-fc-reach: calc((var(--sd-target-touch) - var(--sd-text-sm-lh)) / 2);
    padding-block: var(--sd-fc-reach);
    margin-block: calc(-1 * var(--sd-fc-reach));
  }

  
  .sd-field--compact:not(.sd-field--stacked) > .sd-field__label {
    min-height: calc(var(--sd-target-touch) + 2 * var(--sd-fc-bd));
  }
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-field--compact:not(.sd-field--stacked) > .sd-field__label {
    min-height: 0;
  }
}




.sd-field__row {
  
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--sd-field-row-min, 74px), 1fr));
  align-items: start;
  gap: var(--sd-space-12);
  align-self: stretch;
  width: 100%;
}


.sd-field__col:has(> .sd-field__row > .sd-field:nth-child(4):last-child) {
  container: sd-field-row / inline-size;
}

.sd-field__col:has(> .sd-field__row > .sd-field:nth-child(4):last-child) > .sd-field__row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}


@container sd-field-row (min-width: 332px) {
  .sd-field__col:has(> .sd-field__row > .sd-field:nth-child(4):last-child) > .sd-field__row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}


@container sd-field-row (max-width: 159.98px) {
  .sd-field__col:has(> .sd-field__row > .sd-field:nth-child(4):last-child) > .sd-field__row {
    grid-template-columns: minmax(0, 1fr);
  }
}


.sd-field__row > .sd-field {
  min-width: 0;
}








.sd-field--hint-upgrade .sd-field__hint-icon {
  display: flex;
  color: var(--sd-color-icon-muted);
}




.sd-field__add {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: none;
  color: var(--sd-color-icon-muted);
  cursor: pointer;
}

.sd-field__add > .sd-field__label-icon {
  color: inherit;
}

.sd-field__add:hover {
  color: var(--sd-color-icon-default);
}




.sd-field__name {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-4);

  width: var(--sd-label-col);
  flex-shrink: 1;
  
  min-width: 88px;
}

.sd-field__name > .sd-field__label {
  width: auto;
  min-width: 0;
  flex: 0 1 auto;
}





.sd-field--readonly .sd-field__control,
.sd-field--readonly .sd-field__control:is(:hover, :has(:hover)),
.sd-field__control:has(> [data-sd-readonly]),
.sd-field__control:has(> [data-sd-readonly]):is(:hover, :has(:hover)) {
  --sd-fc-bdc: transparent;
  --sd-fc-bg:  transparent;
  --sd-fc-fg:  var(--sd-color-text-strong);
  cursor: default;
}
.sd-field--readonly .sd-field__affix--chevron,
.sd-field--readonly .sd-field__affix--stepper,
.sd-field--readonly .sd-field__affix--configure,
.sd-field--readonly .sd-field__affix--clear,
.sd-field__control:has(> [data-sd-readonly]) .sd-field__affix--chevron,
.sd-field__control:has(> [data-sd-readonly]) .sd-field__affix--stepper,
.sd-field__control:has(> [data-sd-readonly]) .sd-field__affix--configure,
.sd-field__control:has(> [data-sd-readonly]) .sd-field__affix--clear { display: none; }




@media (any-pointer: coarse) {
  .sd-field__affix--clear,
  .sd-field__affix--configure,
  .sd-field__affix--stepper,
  .sd-field__add {
    --sd-fa-reach: calc((var(--sd-target-touch) - var(--sd-icon-sm)) / 2);
    box-sizing: content-box;
    padding: var(--sd-fa-reach);
    margin: calc(-1 * var(--sd-fa-reach));
  }

  
  .sd-field__control > output {
    padding-block: calc(14px - var(--sd-fc-bd));
    margin-block: calc(-1 * (14px - var(--sd-fc-bd)));
  }

  .sd-field__control > input[type="color"] {
    --sd-fa-swatch-reach: calc((var(--sd-target-touch) - 20px) / 2);
    box-sizing: content-box;
    padding: var(--sd-fa-swatch-reach);
    margin: calc(-1 * var(--sd-fa-swatch-reach));
  }
}




@media (any-pointer: coarse) {
  .sd-field__hint-link {
    padding-block: calc((24px - 1lh) / 2);
    margin-block: calc(-1 * ((24px - 1lh) / 2));
  }
}





.sd-checkbox {
  
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  
  min-height: 24px;
  cursor: pointer;

  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-strong);
}



.sd-checkbox__box {
  display: grid;
  place-items: center;
  
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-default);
  border-radius: var(--sd-radius-sm);
  transition: border-color var(--sd-duration-base) var(--sd-easing),
              background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-checkbox__check,
.sd-checkbox__minus {
  display: none;
  
  width: 12px;
  height: 12px;
  color: var(--sd-color-icon-muted);
}


.sd-checkbox__input:checked:not(:indeterminate) ~ .sd-checkbox__box .sd-checkbox__check { display: block; }
.sd-checkbox__input:indeterminate               ~ .sd-checkbox__box .sd-checkbox__minus { display: block; }

.sd-checkbox:hover .sd-checkbox__input:not(:disabled) ~ .sd-checkbox__box {
  border-color: var(--sd-color-border-strong);
}
.sd-checkbox__input:focus-visible ~ .sd-checkbox__box {
  border-color: var(--sd-color-border-focus-strong);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}
.sd-checkbox__input:disabled ~ .sd-checkbox__box {
  background: var(--sd-color-surface-disabled);
  border-color: var(--sd-color-border-default);
}
.sd-checkbox:has(:disabled) {
  cursor: default;
  color: var(--sd-color-text-disabled);
}





@media (forced-colors: active) {

  .sd-checkbox__box { border-color: CanvasText; background: Canvas; }
  .sd-checkbox__input:disabled ~ .sd-checkbox__box { border-color: GrayText; }
  .sd-checkbox__input:disabled ~ .sd-checkbox__box :where(svg) { color: GrayText; }

  
  .sd-checkbox__input:focus-visible ~ .sd-checkbox__box {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}




@media (any-pointer: coarse) {
  .sd-checkbox {
    --sd-cb-reach: calc((var(--sd-target-touch) - 24px) / 2);
    box-sizing: content-box;
    padding: var(--sd-cb-reach);
    margin: calc(-1 * var(--sd-cb-reach));
  }
}





.sd-radio {
  
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  
  min-height: 24px;
  cursor: pointer;

  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-strong);
}



.sd-radio__box {
  display: grid;
  place-items: center;
  
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-default);
  border-radius: 50%;      
  transition: border-color var(--sd-duration-base) var(--sd-easing),
              background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-radio__dot {
  display: none;
  
  width: 6px;
  height: 6px;
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-icon-muted);
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-radio__input:checked ~ .sd-radio__box .sd-radio__dot { display: block; }

.sd-radio:hover .sd-radio__input:not(:disabled) ~ .sd-radio__box {
  border-color: var(--sd-color-border-strong);
}
.sd-radio:hover .sd-radio__input:not(:disabled) ~ .sd-radio__box .sd-radio__dot {
  background: var(--sd-color-icon-strong);
}
.sd-radio__input:focus-visible ~ .sd-radio__box {
  border-color: var(--sd-color-border-focus-strong);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}
.sd-radio__input:focus-visible ~ .sd-radio__box .sd-radio__dot {
  background: var(--sd-color-icon-strong);
}
.sd-radio__input:disabled ~ .sd-radio__box {
  background: var(--sd-color-surface-disabled);
  border-color: var(--sd-color-border-default);
}
.sd-radio__input:disabled ~ .sd-radio__box .sd-radio__dot {
  background: var(--sd-color-action-toggle-mark-disabled);
}
.sd-radio:has(:disabled) {
  cursor: default;
  color: var(--sd-color-text-disabled);
}





@media (forced-colors: active) {

  .sd-radio__box { border-color: CanvasText; background: Canvas; }
  .sd-radio__input:disabled ~ .sd-radio__box { border-color: GrayText; }

  
  .sd-radio__dot {
    forced-color-adjust: none;
    background: CanvasText;
  }
  .sd-radio__input:disabled ~ .sd-radio__box .sd-radio__dot { background: GrayText; }

  
  .sd-radio__input:focus-visible ~ .sd-radio__box {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}





.sd-switch {
  
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  
  min-height: 24px;
  cursor: pointer;

  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-strong);
}



.sd-switch__track {
  display: block;
  position: relative;
  
  width: 36px;
  height: 20px;
  flex-shrink: 0;
  padding: var(--sd-space-2);
  background: var(--sd-color-action-toggle-off);
  border-radius: var(--sd-radius-full);
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-switch__thumb {
  display: block;
  
  width: 16px;
  height: 16px;
  background: var(--sd-color-surface-default);
  border-radius: var(--sd-radius-full);
  
  transition: transform var(--sd-duration-slow) var(--sd-easing-out),
              background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-switch__input:checked ~ .sd-switch__track { background: var(--sd-color-action-toggle-on); }
.sd-switch__input:checked ~ .sd-switch__track .sd-switch__thumb {
  transform: translateX(16px);   
}

.sd-switch:hover .sd-switch__input:not(:disabled) ~ .sd-switch__track          { background: var(--sd-color-action-toggle-off-hover); }
.sd-switch:hover .sd-switch__input:checked:not(:disabled) ~ .sd-switch__track  { background: var(--sd-color-action-toggle-on-hover); }

.sd-switch__input:focus-visible ~ .sd-switch__track          { background: var(--sd-color-action-toggle-off-focus); }
.sd-switch__input:checked:focus-visible ~ .sd-switch__track  { background: var(--sd-color-action-toggle-on-focus); }


.sd-switch__input:focus-visible ~ .sd-switch__track {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


.sd-switch__input:disabled ~ .sd-switch__track { background: var(--sd-color-action-toggle-disabled); }
.sd-switch__input:disabled ~ .sd-switch__track .sd-switch__thumb {
  background: var(--sd-color-surface-disabled);
  opacity: 0.7;
}
.sd-switch:has(:disabled) {
  cursor: default;
  color: var(--sd-color-text-disabled);
}





@media (forced-colors: active) {

  .sd-switch__track {
    forced-color-adjust: none;
    background: Canvas;
    border: var(--sd-border-width) solid CanvasText;
  }
  .sd-switch__thumb { forced-color-adjust: none; background: CanvasText; }
  .sd-switch__input:checked ~ .sd-switch__track { background: Highlight; border-color: Highlight; }
  .sd-switch__input:checked ~ .sd-switch__track .sd-switch__thumb { background: HighlightText; }
  .sd-switch__input:disabled ~ .sd-switch__track { border-color: GrayText; background: Canvas; }
  .sd-switch__input:disabled ~ .sd-switch__track .sd-switch__thumb { background: GrayText; opacity: 1; }

  
  .sd-switch__input:focus-visible ~ .sd-switch__track {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}




@media (any-pointer: coarse) {
  .sd-switch {
    --sd-sw-reach: calc((var(--sd-target-touch) - 24px) / 2);
    box-sizing: content-box;
    padding: var(--sd-sw-reach);
    margin: calc(-1 * var(--sd-sw-reach));
  }
}





.sd-toggle {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: var(--sd-space-4);
  width: 100%;
  min-width: 0;
  padding: var(--sd-space-4);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-subtle);
  overflow: clip;
}


.sd-toggle > .sd-toggle-option {
  flex: 1 1 0;
  min-width: 0;
}




.sd-toggle--fit { width: fit-content; }
.sd-toggle--fit > .sd-toggle-option { flex: 0 1 auto; }





@media (forced-colors: active) {
  .sd-toggle { border: 1px solid CanvasText; }
}





.sd-toggle-option {
  --sd-to-bg:     var(--sd-color-surface-subtle);
  --sd-to-fg:     var(--sd-color-text-muted);
  --sd-to-shadow: none;

  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--sd-space-4);
  padding: var(--sd-space-8) var(--sd-space-32);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-to-bg);
  color: var(--sd-to-fg);
  filter: var(--sd-to-shadow);

  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              color            var(--sd-duration-base) var(--sd-easing);
}



.sd-toggle-option__icon {
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  flex-shrink: 0;
}

.sd-toggle-option__label { text-align: center; }




.sd-toggle-option--label-hidden {
  gap: 0;
  padding: var(--sd-space-8);
}






.sd-toggle-option:hover {
  --sd-to-bg: var(--sd-color-surface-subtle-hover);
  --sd-to-fg: var(--sd-color-text-strong);
}

.sd-toggle-option:has(> .sd-toggle-option__input:checked) {
  --sd-to-bg:     var(--sd-color-surface-default);
  --sd-to-fg:     var(--sd-color-text-strong);
  --sd-to-shadow: var(--sd-drop-shadow-sm);
}


.sd-toggle-option:has(> .sd-toggle-option__input:focus-visible) {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}

.sd-toggle-option:has(> .sd-toggle-option__input:disabled) {
  --sd-to-bg: var(--sd-color-surface-muted);
  --sd-to-fg: var(--sd-color-text-disabled);
  cursor: default;
}


.sd-toggle-option:has(> .sd-toggle-option__input:disabled:checked) {
  --sd-to-bg:     var(--sd-color-surface-subtle);
  --sd-to-fg:     var(--sd-color-text-muted);
  --sd-to-shadow: var(--sd-drop-shadow-sm);
}





@media (forced-colors: active) {

  .sd-toggle-option { border: 1px solid transparent; }
  .sd-toggle-option:has(> .sd-toggle-option__input:checked) { border-color: CanvasText; }
  .sd-toggle-option:has(> .sd-toggle-option__input:disabled) { color: GrayText; }

  .sd-toggle-option:has(> .sd-toggle-option__input:focus-visible) {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}




@media (any-pointer: coarse) {
  .sd-toggle-option {
    --sd-to-reach: calc((var(--sd-target-touch) - 2 * var(--sd-space-8) - var(--sd-text-sm-lh)) / 2);
    --sd-to-reach-x: 0px;
    isolation: isolate;
    padding-block: calc(var(--sd-space-8) + var(--sd-to-reach));
    margin-block: calc(-1 * var(--sd-to-reach));
    background: none;
  }

  
  .sd-toggle-option--label-hidden {
    --sd-to-reach: calc((var(--sd-target-touch) - 2 * var(--sd-space-8) - var(--sd-icon-md)) / 2);
    --sd-to-reach-x: var(--sd-to-reach);
    padding-inline: calc(var(--sd-space-8) + var(--sd-to-reach-x));
    margin-inline: calc(-1 * var(--sd-to-reach-x));
  }

  .sd-toggle-option::before {
    content: "";
    position: absolute;
    inset: var(--sd-to-reach) var(--sd-to-reach-x);
    z-index: -1;
    border-radius: var(--sd-radius-sm);
    background: var(--sd-to-bg);
    transition: background-color var(--sd-duration-base) var(--sd-easing);
  }
}





.sd-check-chip {
  --sd-cc-bg:  var(--sd-color-surface-subtle);
  --sd-cc-bdc: var(--sd-color-border-subtle);
  --sd-cc-fg:  var(--sd-color-text-muted);

  
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-4);
  padding: var(--sd-space-8) var(--sd-space-16);
  border: var(--sd-border-width) solid var(--sd-cc-bdc);
  border-radius: var(--sd-radius-full);
  background: var(--sd-cc-bg);
  color: var(--sd-cc-fg);

  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              border-color     var(--sd-duration-base) var(--sd-easing),
              color            var(--sd-duration-base) var(--sd-easing);
}



.sd-check-chip__tick {
  display: none;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-accent);
}


.sd-check-chip__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}





.sd-check-chip:hover {
  --sd-cc-bdc: var(--sd-color-border-hover);
  --sd-cc-fg:  var(--sd-color-text-strong);
}

.sd-check-chip:has(> .sd-check-chip__input:checked) {
  --sd-cc-bg:  var(--sd-color-surface-selected);
  --sd-cc-bdc: var(--sd-color-border-accent-strong);
  --sd-cc-fg:  var(--sd-color-text-accent);
}
.sd-check-chip:has(> .sd-check-chip__input:checked) .sd-check-chip__tick { display: block; }


.sd-check-chip:has(> .sd-check-chip__input:focus-visible) {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}

.sd-check-chip:has(> .sd-check-chip__input:disabled) {
  --sd-cc-bg:  var(--sd-color-surface-disabled);
  --sd-cc-bdc: var(--sd-color-border-subtle);
  --sd-cc-fg:  var(--sd-color-text-disabled);
  cursor: default;
}
.sd-check-chip:has(> .sd-check-chip__input:disabled) .sd-check-chip__tick { color: var(--sd-color-icon-disabled); }





@media (forced-colors: active) {

  .sd-check-chip:has(> .sd-check-chip__input:checked) { border-color: Highlight; }
  .sd-check-chip:has(> .sd-check-chip__input:disabled) { color: GrayText; }

  .sd-check-chip:has(> .sd-check-chip__input:focus-visible) {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}




@media (any-pointer: coarse) {
  .sd-check-chip {
    --sd-cc-reach: calc((var(--sd-target-touch) - 2 * var(--sd-space-8) - 2 * var(--sd-border-width) - var(--sd-text-sm-lh)) / 2);
    isolation: isolate;
    padding: calc(var(--sd-space-8) + var(--sd-border-width) + var(--sd-cc-reach)) calc(var(--sd-space-16) + var(--sd-border-width));
    margin-block: calc(-1 * var(--sd-cc-reach));
    border-width: 0;
    background: none;
  }

  .sd-check-chip::before {
    content: "";
    position: absolute;
    inset: var(--sd-cc-reach) 0;
    z-index: -1;
    border: var(--sd-border-width) solid var(--sd-cc-bdc);
    border-radius: var(--sd-radius-full);
    background: var(--sd-cc-bg);
    transition: background-color var(--sd-duration-base) var(--sd-easing),
                border-color     var(--sd-duration-base) var(--sd-easing);
  }
}





.sd-input-list {
  --sd-input-list-rows: 4;

  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-4);
  width: 100%;
  
  min-height: calc(var(--sd-input-list-rows) * var(--sd-control-lg) + 4px);
  padding: var(--sd-space-4);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-subtle);
}




.sd-input-list--rows-1 { --sd-input-list-rows: 1; }





@media (forced-colors: active) {
  .sd-input-list { border: 1px solid CanvasText; }
}





.sd-list-option {
  --sd-lo-bdc: var(--sd-color-surface-default);
  --sd-lo-fg:  var(--sd-color-text-strong);
  --sd-lo-ico: var(--sd-color-icon-muted);

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  width: 100%;
  margin: 0;
  padding: calc(var(--sd-space-12) - var(--sd-border-width));
  border: var(--sd-border-width) solid var(--sd-lo-bdc);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
  color: var(--sd-lo-fg);

  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  text-align: left;
  cursor: pointer;
  transition: border-color var(--sd-duration-base) var(--sd-easing);
}

.sd-list-option__label {
  flex: 1 1 0;
  min-width: 0;
}


.sd-list-option--truncate .sd-list-option__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.sd-list-option__dot {
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  border-radius: var(--sd-radius-full);
  background: var(--sd-signer-edge);
}


.sd-list-option__lead {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
}


.sd-list-option__icon {
  display: none;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-lo-ico);
}



.sd-list-option:hover         { --sd-lo-bdc: var(--sd-color-border-default); }
.sd-list-option:hover .sd-list-option__icon { display: block; }

.sd-list-option:active {
  --sd-lo-bdc: var(--sd-color-border-strong);
  --sd-lo-ico: var(--sd-color-icon-strong);
}
.sd-list-option:active .sd-list-option__icon { display: block; }
.sd-list-option:focus-visible .sd-list-option__icon { display: block; }


.sd-list-option[aria-expanded="true"] {
  --sd-lo-bdc: var(--sd-color-border-accent-strong);
  --sd-lo-ico: var(--sd-color-icon-accent);
  background: var(--sd-color-surface-selected);
}
.sd-list-option[aria-expanded="true"] .sd-list-option__icon { display: block; }




.sd-list-option--placeholder        { --sd-lo-fg: var(--sd-color-text-muted); }
.sd-list-option--placeholder:hover  { --sd-lo-fg: var(--sd-color-text-default); }





@media (forced-colors: active) {

  
  .sd-list-option__dot { background: CanvasText; }

  .sd-list-option { border-color: Canvas; }
  .sd-list-option:hover,
  .sd-list-option:active { border-color: CanvasText; }
}




@media (hover: none) {
  .sd-list-option__icon { display: block; }
}





.sd-select-menu {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}


.sd-select-menu__face {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}


.sd-select-menu--detail .sd-select-menu__face-detail {
  margin-left: var(--sd-space-4);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  font-variant-numeric: tabular-nums;
}




.sd-select-menu__menu {
  position: absolute;
  top: calc(100% + var(--sd-space-4));
  left: 0;
  right: 0;
  z-index: var(--sd-z-float);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: calc(var(--sd-space-4) - var(--sd-border-width)) calc(var(--sd-space-4) - var(--sd-border-width));
  border: var(--sd-popup-border);
  border-radius: var(--sd-popup-radius);
  box-shadow: var(--sd-popup-shadow);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-muted);
}

.sd-select-menu__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-4);
}


.sd-select-menu__menu {
  opacity: 0;
  translate: 0 calc(-1 * var(--sd-space-4));
  transition:
    opacity   var(--sd-duration-fast) var(--sd-easing-in),
    translate var(--sd-duration-fast) var(--sd-easing-in),
    display   var(--sd-duration-fast) allow-discrete,
    overlay   var(--sd-duration-fast) allow-discrete;
}

.sd-select-menu[open] > .sd-select-menu__menu {
  opacity: 1;
  translate: none;
  transition-timing-function: var(--sd-easing-out);
}

@starting-style {
  .sd-select-menu[open] > .sd-select-menu__menu {
    opacity: 0;
    translate: 0 calc(-1 * var(--sd-space-4));
  }
}


.sd-select-menu::details-content {
  transition: content-visibility var(--sd-duration-fast) allow-discrete;
}


.sd-select-menu__menu[popover] {
  position: fixed;
  inset: auto;
  left: var(--sd-select-native-x, var(--sd-space-12));
  top: var(--sd-select-native-y, var(--sd-space-12));
  margin: 0;
  min-width: var(--sd-select-native-w, 0);
  max-width: calc(100vw - 2 * var(--sd-space-12));
  max-height: var(--sd-select-native-h, none);
  overflow: hidden;
  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}

.sd-select-menu__menu[popover]:not(:popover-open) { display: none; }

.sd-select-menu__menu[popover]:popover-open {
  opacity: 1;
  translate: none;
  transition-timing-function: var(--sd-easing-out);
}

@starting-style {
  .sd-select-menu__menu[popover]:popover-open {
    opacity: 0;
    translate: 0 calc(-1 * var(--sd-space-4));
  }
}

.sd-select-menu__menu[popover] > .sd-select-menu__list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}




.sd-select-menu__search {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  margin: calc(-1 * (var(--sd-space-4) - var(--sd-border-width))) calc(-1 * (var(--sd-space-4) - var(--sd-border-width))) var(--sd-space-4);
  padding: calc(var(--sd-space-12) - var(--sd-border-width)) var(--sd-space-12);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-select-menu__search-input {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
  color: var(--sd-color-text-strong);
}
.sd-select-menu__search-input::placeholder {
  color: var(--sd-color-text-placeholder);
  opacity: 1;
}
.sd-select-menu__search-input::-webkit-search-decoration,
.sd-select-menu__search-input::-webkit-search-cancel-button { -webkit-appearance: none; }

.sd-select-menu__search:focus-within {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
}

.sd-select-menu__search-icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-disabled);
}



.sd-select-menu__add {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--sd-space-8);
  margin: var(--sd-space-4) calc(-1 * (var(--sd-space-4) - var(--sd-border-width))) calc(-1 * (var(--sd-space-4) - var(--sd-border-width)));
  padding: calc(var(--sd-space-12) - var(--sd-border-width)) var(--sd-space-12);
  border: 0;
  border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: 0 0 var(--sd-radius-sm) var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-text-muted);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.sd-select-menu__add:hover         { color: var(--sd-color-text-strong); }
.sd-select-menu__add:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}

.sd-select-menu__add-text { flex: 1 1 0; min-width: 0; }

.sd-select-menu__add-icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-disabled);
}
.sd-select-menu__add:hover .sd-select-menu__add-icon { color: var(--sd-color-icon-strong); }




.sd-select-menu--inline {
  display: inline-block;
  flex: none;
  vertical-align: baseline;
  font-size: inherit;
  line-height: inherit;
  font-weight: var(--sd-weight-semibold);
}

.sd-select-menu--inline > .sd-select-menu__face {
  display: inline-flex;
  
  line-height: 1.4;
  align-items: center;
  gap: var(--sd-space-4);
  max-width: 100%;
  padding: 0 calc(var(--sd-space-8) - var(--sd-border-width)) 0 calc(var(--sd-space-12) - var(--sd-border-width));
  border: var(--sd-border-width) solid var(--sd-color-border-accent);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-accent);
  color: var(--sd-color-text-accent);
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              border-color     var(--sd-duration-base) var(--sd-easing);
}

.sd-select-menu--inline > .sd-select-menu__face::-webkit-details-marker { display: none; }

.sd-select-menu--inline > .sd-select-menu__face:hover,
.sd-select-menu--inline[open] > .sd-select-menu__face {
  border-color: var(--sd-color-border-accent-strong);
  background: var(--sd-color-surface-selected);
}

.sd-select-menu__face-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sd-select-menu__chevron {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-accent);
  transition: rotate var(--sd-duration-base) var(--sd-easing);
}

.sd-select-menu--inline[open] .sd-select-menu__chevron { rotate: 180deg; }


.sd-select-menu--inline:not(.sd-select-menu--link):not(.sd-select-menu--heading):not(:has(input[type="radio"]:checked)) > .sd-select-menu__face {
  border-style: dashed;
  border-color: var(--sd-color-border-strong);
  background: var(--sd-color-status-warning-tint);
  color: var(--sd-color-text-strong);
}

.sd-select-menu--inline:not(.sd-select-menu--link):not(.sd-select-menu--heading):not(:has(input[type="radio"]:checked)) .sd-select-menu__chevron {
  color: var(--sd-color-icon-strong);
}


.sd-select-menu--inline > .sd-select-menu__menu {
  right: auto;
  
  min-width: 16rem;
  width: max-content;
  max-width: 26rem;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
}


.sd-select-menu--inline.sd-select-menu--flip > .sd-select-menu__menu,
.sd-select-menu--fit.sd-select-menu--flip > .sd-select-menu__menu {
  left: auto;
  right: 0;
}




.sd-select-menu--fit > .sd-select-menu__menu {
  right: auto;
  min-width: 100%;
  width: var(--sd-select-menu-fit-width, max-content);
  
  max-width: calc(100vw - 2 * var(--sd-space-16));
}




.sd-select-menu--inline.sd-select-menu--link > .sd-select-menu__face {
  gap: var(--sd-space-2);
  padding: 0;
  border-color: transparent;
  background: none;
  color: var(--sd-color-text-accent);
}

.sd-select-menu--inline.sd-select-menu--link > .sd-select-menu__face:hover,
.sd-select-menu--inline.sd-select-menu--link[open] > .sd-select-menu__face {
  border-color: transparent;
  background: none;
  color: var(--sd-color-text-accent-hover);
}

.sd-select-menu--inline.sd-select-menu--link > .sd-select-menu__face:active {
  color: var(--sd-color-text-accent-pressed);
}

.sd-select-menu--inline.sd-select-menu--link > .sd-select-menu__face:hover .sd-select-menu__chevron,
.sd-select-menu--inline.sd-select-menu--link[open] .sd-select-menu__chevron {
  color: var(--sd-color-icon-accent-hover);
}




.sd-select-menu--inline.sd-select-menu--heading {
  max-width: 100%;
  font-weight: inherit;
}

.sd-select-menu--inline.sd-select-menu--heading > .sd-select-menu__face {
  line-height: inherit;
  gap: var(--sd-space-4);
  
  max-width: calc(100% + 2 * var(--sd-space-4));
  margin-inline: calc(-1 * var(--sd-space-4));
  padding: 0 var(--sd-space-4);
  border-color: transparent;
  background: none;
  color: inherit;
}

.sd-select-menu--inline.sd-select-menu--heading > .sd-select-menu__face:hover,
.sd-select-menu--inline.sd-select-menu--heading[open] > .sd-select-menu__face {
  border-color: transparent;
  background: var(--sd-color-surface-hover);
}

.sd-select-menu--heading .sd-select-menu__chevron {
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  color: var(--sd-color-icon-default);
}

.sd-select-menu--heading > .sd-select-menu__face:hover .sd-select-menu__chevron,
.sd-select-menu--heading[open] .sd-select-menu__chevron {
  color: var(--sd-color-icon-strong);
}





@media (forced-colors: active) {

  .sd-select-menu__menu { background: Canvas; border-color: CanvasText; }
  .sd-select-menu--inline > .sd-select-menu__face { border-color: CanvasText; }
  .sd-select-menu--inline.sd-select-menu--link > .sd-select-menu__face { border-color: transparent; color: LinkText; }
  .sd-select-menu--inline.sd-select-menu--heading > .sd-select-menu__face { border-color: transparent; color: CanvasText; }

  .sd-select-menu__face:focus-visible,
  .sd-select-menu__search:focus-within,
  .sd-select-menu__add:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}


.sd-select-menu__face[aria-disabled="true"] {
  color: var(--sd-color-text-disabled);
  cursor: default;
  pointer-events: none;
}


.sd-select-menu:not(.sd-select-menu--inline) > .sd-select-menu__face[aria-disabled="true"] {
  color: inherit;
}

.sd-select-menu__face[aria-disabled="true"] .sd-select-menu__chevron {
  color: var(--sd-color-icon-disabled);
}



.sd-select-menu[data-sd-readonly] > .sd-select-menu__face { cursor: default; }
.sd-select-menu--inline[data-sd-readonly] .sd-select-menu__chevron { display: none; }
.sd-select-menu--inline[data-sd-readonly] > .sd-select-menu__face:hover {
  border-color: var(--sd-color-border-accent);
  background: var(--sd-color-surface-accent);
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px), (any-pointer: coarse) {
  .sd-select-menu__search-input {
    font-size: var(--sd-text-entry);
  }
}




@media (any-pointer: coarse) {
  .sd-select-menu:not(.sd-select-menu--inline) > .sd-select-menu__face,
  .sd-select-menu__search-input {
    --sd-sm-reach: calc((var(--sd-target-touch) - 1lh) / 2);
    padding-block: var(--sd-sm-reach);
    margin-block: calc(-1 * var(--sd-sm-reach));
  }
}




@media (any-pointer: coarse) {
  .sd-select-menu--inline.sd-select-menu--link > .sd-select-menu__face {
    --sd-sm-reach: calc((24px - 1lh) / 2);
    padding-block: var(--sd-sm-reach);
    margin-block: calc(-1 * var(--sd-sm-reach));
  }
}




@media (any-pointer: coarse) {
  .sd-select-menu--inline.sd-select-menu--heading > .sd-select-menu__face {
    --sd-sm-reach: calc((var(--sd-target-touch) - 1lh) / 2);
    position: relative;
    isolation: isolate;
    padding-block: var(--sd-sm-reach);
    margin-block: calc(-1 * var(--sd-sm-reach));
    background: none;
  }

  .sd-select-menu--inline.sd-select-menu--heading > .sd-select-menu__face::before {
    content: "";
    position: absolute;
    inset: calc(var(--sd-sm-reach) - var(--sd-border-width)) calc(-1 * var(--sd-border-width));
    z-index: -1;
    border-radius: inherit;
    background: transparent;
    transition: background-color var(--sd-duration-base) var(--sd-easing);
  }

  .sd-select-menu--inline.sd-select-menu--heading > .sd-select-menu__face:hover::before,
  .sd-select-menu--inline.sd-select-menu--heading[open] > .sd-select-menu__face::before {
    background: var(--sd-color-surface-hover);
  }
}





.sd-select-menu-group {
  min-width: 0;
  font-family: var(--sd-font);
}


.sd-select-menu-group__head {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  padding: var(--sd-space-8) var(--sd-space-4);
  border-radius: var(--sd-radius-sm);
  list-style: none;
  cursor: pointer;
}

.sd-select-menu-group__head::-webkit-details-marker {
  display: none;
}

.sd-select-menu-group__title {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-xs-lh);
  transition: color var(--sd-duration-base) var(--sd-easing);
}

.sd-select-menu-group__chevron {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-muted);
  transition: transform var(--sd-duration-base) var(--sd-easing),
              color var(--sd-duration-base) var(--sd-easing);
}


.sd-select-menu-group:not([open]) .sd-select-menu-group__chevron {
  transform: rotate(-90deg);
}

.sd-select-menu-group__head:hover .sd-select-menu-group__title {
  color: var(--sd-color-text-strong);
}

.sd-select-menu-group__head:hover .sd-select-menu-group__chevron {
  color: var(--sd-color-icon-strong);
}


.sd-select-menu-group__head:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}

.sd-select-menu-group__list {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-4);
  padding-bottom: var(--sd-space-4);
}


.sd-select-menu-group[hidden] {
  display: none;
}





.sd-select-menu-options {
  --sd-smo-bg:  var(--sd-color-surface-default);
  --sd-smo-fg:  var(--sd-color-text-muted);
  --sd-smo-bdc: var(--sd-color-surface-default);
  --sd-smo-ico: var(--sd-color-icon-accent);
  --sd-smo-dot: var(--sd-color-icon-default);

  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  width: 100%;
  padding: calc(var(--sd-space-8) - var(--sd-border-width));
  border: var(--sd-border-width) solid var(--sd-smo-bdc);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-smo-bg);
  color: var(--sd-smo-fg);

  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              border-color     var(--sd-duration-base) var(--sd-easing),
              color            var(--sd-duration-base) var(--sd-easing);
}


.sd-select-menu-options[hidden] { display: none; }




.sd-select-menu-options__dot {
  width: 14px;
  height: 14px;
  margin: 1px;
  flex-shrink: 0;
  border-radius: var(--sd-radius-full);
  background: var(--sd-smo-dot);
}

.sd-select-menu-options__label {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}


.sd-select-menu-options__hint {
  flex-shrink: 0;
  padding: 0 calc(var(--sd-space-8) - var(--sd-border-width));
  
  border: var(--sd-border-width) solid var(--sd-color-border-accent);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-accent);
  color: var(--sd-color-text-accent);
  font-size: var(--sd-text-2xs);
  line-height: var(--sd-text-2xs-lh);
  font-weight: var(--sd-weight-semibold);
}


.sd-select-menu-options:has(> .sd-select-menu-options__description) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  grid-template-areas:
    "label hint  check"
    "desc  desc  check";
  column-gap: var(--sd-space-8);
  row-gap: var(--sd-space-2);
  align-items: center;
  padding-block: calc(var(--sd-space-12) - var(--sd-border-width));
  white-space: normal;
}

.sd-select-menu-options:has(> .sd-select-menu-options__description) > .sd-select-menu-options__label {
  grid-area: label;
  color: var(--sd-color-text-strong);
  font-weight: var(--sd-weight-semibold);
}

.sd-select-menu-options:has(> .sd-select-menu-options__description) > .sd-select-menu-options__hint { grid-area: hint; }
.sd-select-menu-options:has(> .sd-select-menu-options__description) > .sd-select-menu-options__check { grid-area: check; }

.sd-select-menu-options__description {
  grid-area: desc;
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-medium);
}

.sd-select-menu-options__check {
  display: none;
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  flex-shrink: 0;
  color: var(--sd-smo-ico);
}



.sd-select-menu-options:has(> .sd-select-menu-options__input:checked) .sd-select-menu-options__check {
  display: block;
}

.sd-select-menu-options:hover { --sd-smo-bg: var(--sd-color-surface-hover); }

.sd-select-menu-options:focus-within {
  --sd-smo-bg: var(--sd-color-surface-selected);
  --sd-smo-fg: var(--sd-color-text-strong);
}
.sd-select-menu-options:focus-within:has(> .sd-select-menu-options__input:checked) {
  --sd-smo-bdc: var(--sd-color-border-strong);
}


.sd-select-menu-options:has(> .sd-select-menu-options__input:focus-visible) {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
}


.sd-select-menu-options:has(> .sd-select-menu-options__input:disabled) {
  --sd-smo-bg:  var(--sd-color-surface-default);
  --sd-smo-fg:  var(--sd-color-text-disabled);
  --sd-smo-bdc: var(--sd-color-surface-default);
  --sd-smo-ico: var(--sd-color-icon-disabled);
  --sd-smo-dot: var(--sd-color-icon-disabled);
  cursor: default;
}

.sd-select-menu-options:has(> .sd-select-menu-options__input:disabled) .sd-select-menu-options__label,
.sd-select-menu-options:has(> .sd-select-menu-options__input:disabled) .sd-select-menu-options__description {
  color: var(--sd-color-text-disabled);
}

.sd-select-menu-options:has(> .sd-select-menu-options__input:disabled) .sd-select-menu-options__hint {
  border-color: var(--sd-color-border-subtle);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-disabled);
}





@media (forced-colors: active) {

  .sd-select-menu-options { border-color: Canvas; }
  .sd-select-menu-options:hover,
  .sd-select-menu-options:focus-within { border-color: CanvasText; }
  .sd-select-menu-options:has(> .sd-select-menu-options__input:disabled) { color: GrayText; }

  .sd-select-menu-options__dot {
    forced-color-adjust: none;
    background: CanvasText;
  }

  .sd-select-menu-options:has(> .sd-select-menu-options__input:focus-visible) {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}




@media (any-pointer: coarse) {
  .sd-select-menu-options {
    min-height: var(--sd-target-touch);
  }
}





.sd-upgrade-offer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sd-space-4);
  padding: var(--sd-space-16);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-accent);
  font-family: var(--sd-font);
  text-align: start;
}


.sd-upgrade-offer__badge {
  display: grid;
  place-items: center;
  
  width: 36px;
  height: 36px;
  margin-bottom: var(--sd-space-8);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-action-primary);
  color: var(--sd-color-icon-inverse);
}

.sd-upgrade-offer__icon {
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
}

.sd-upgrade-offer__title {
  margin: 0;
  font-size: var(--sd-text-md);
  line-height: var(--sd-text-md-lh);
  font-weight: var(--sd-weight-semibold);
  color: var(--sd-color-text-strong);
}

.sd-upgrade-offer__text {
  margin: 0;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: normal;
  color: var(--sd-color-text-muted);
}


.sd-upgrade-offer__action {
  margin-top: var(--sd-space-12);
}


@media (forced-colors: active) {
  .sd-upgrade-offer__badge { border: 1px solid CanvasText; color: CanvasText; }
}





.sd-toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;

  
  justify-content: safe center;

  gap: var(--sd-space-4);

  
  padding: var(--sd-space-8) var(--sd-space-8)
           calc(var(--sd-space-8) - 1px) var(--sd-space-8);
  min-height: var(--sd-title-bar);

  background: var(--sd-color-surface-accent);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);

  overflow-x: auto;
  overflow-y: hidden;
}


.sd-toolbar__group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-4);
  flex-shrink: 0;
}


.sd-toolbar__end {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-4);
  flex-shrink: 0;
  margin-left: auto;
}


.sd-toolbar__divider {
  width: 1px;
  height: 24px;
  margin-inline: var(--sd-space-8);
  background: var(--sd-color-border-default);
  flex-shrink: 0;
}




.sd-toolbar__more {
  display: flex;
  flex-shrink: 0;
}

.sd-toolbar__more[hidden] {
  display: none;
}


.sd-toolbar__more-menu {
  flex-shrink: 0;
}


.sd-toolbar__overflow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-4);
  padding: var(--sd-space-8);
  max-width: calc(100vw - var(--sd-space-32));
}

.sd-toolbar__overflow > .sd-toolbar__divider:first-child {
  display: none;
}





@media (forced-colors: active) {

  .sd-toolbar {
    border-bottom: var(--sd-border-width) solid CanvasText;
  }

  .sd-toolbar__divider {
    background: CanvasText;
  }
}





.sd-toolbar-icon-button {
  --sd-tib-icon:  var(--sd-icon-md);
  --sd-tib-caret: var(--sd-icon-md);
  --sd-tib-pad-l: var(--sd-space-8);
  --sd-tib-pad-r: var(--sd-space-8);
  --sd-tib-bd:    0px;
  --sd-tib-bdc:   transparent;
  --sd-tib-bg:    transparent;
  --sd-tib-fg:    var(--sd-color-icon-strong);

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  gap: var(--sd-space-4);

  
  padding: calc(var(--sd-space-8)     - var(--sd-tib-bd))
           calc(var(--sd-tib-pad-r)   - var(--sd-tib-bd))
           calc(var(--sd-space-8)     - var(--sd-tib-bd))
           calc(var(--sd-tib-pad-l)   - var(--sd-tib-bd));
  border: var(--sd-tib-bd) solid var(--sd-tib-bdc);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-tib-bg);
  color: var(--sd-tib-fg);

  flex-shrink: 0;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              border-color     var(--sd-duration-base) var(--sd-easing),
              color            var(--sd-duration-base) var(--sd-easing);
}


.sd-toolbar-icon-button__icon {
  display: block;
  width:  var(--sd-tib-icon);
  height: var(--sd-tib-icon);
  flex-shrink: 0;
  overflow: clip;
  pointer-events: none;
}


.sd-toolbar-icon-button__caret {
  display: block;
  width:  var(--sd-tib-caret);
  height: var(--sd-tib-caret);
  flex-shrink: 0;
  overflow: clip;
  pointer-events: none;
}

.sd-toolbar-icon-button__label {
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-strong);
  white-space: nowrap;
}


.sd-toolbar-icon-button:not(.sd-toolbar-icon-button--menu) .sd-toolbar-icon-button__caret {
  display: none;
}




.sd-toolbar-icon-button--menu {
  --sd-tib-pad-r: var(--sd-space-4);
}




.sd-toolbar-icon-button--text {
  --sd-tib-caret: var(--sd-icon-sm);
}





.sd-toolbar-icon-button:hover:not(:disabled) {
  --sd-tib-bd:  1px;
  --sd-tib-bdc: var(--sd-color-border-subtle);
  --sd-tib-bg:  var(--sd-color-surface-default);
}

.sd-toolbar-icon-button:active:not(:disabled) {
  --sd-tib-bd:  1px;
  --sd-tib-bdc: var(--sd-color-border-strong);
  --sd-tib-bg:  var(--sd-color-surface-subtle);
}

.sd-toolbar-icon-button:focus-visible {
  --sd-tib-bd:  1px;
  --sd-tib-bdc: var(--sd-color-border-strong);
  --sd-tib-bg:  var(--sd-color-surface-default);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


.sd-toolbar-icon-button[aria-pressed='true'] {
  --sd-tib-bg: var(--sd-color-surface-selected-active);
  --sd-tib-fg: var(--sd-color-icon-accent);
}

.sd-toolbar-icon-button[aria-pressed='true']:hover:not(:disabled) {
  --sd-tib-bd:  1px;
  --sd-tib-bdc: var(--sd-color-border-subtle);
  --sd-tib-bg:  var(--sd-color-surface-selected-active);
}

.sd-toolbar-icon-button[aria-pressed='true'] .sd-toolbar-icon-button__label {
  color: var(--sd-color-text-accent);
}


.sd-toolbar-icon-button:disabled {
  --sd-tib-bd:  0px;
  --sd-tib-bdc: transparent;
  --sd-tib-bg:  transparent;
  --sd-tib-fg:  var(--sd-color-icon-disabled);
  cursor: default;
}

.sd-toolbar-icon-button:disabled .sd-toolbar-icon-button__label {
  color: var(--sd-color-text-disabled);
}






@media (forced-colors: active) {

  .sd-toolbar-icon-button:hover:not(:disabled),
  .sd-toolbar-icon-button:active:not(:disabled),
  .sd-toolbar-icon-button:focus-visible {
    --sd-tib-bd:  1px;
    --sd-tib-bdc: ButtonBorder;
  }

  .sd-toolbar-icon-button[aria-pressed='true'] {
    --sd-tib-bd:  2px;
    --sd-tib-bdc: Highlight;
  }

  .sd-toolbar-icon-button:disabled,
  .sd-toolbar-icon-button:disabled .sd-toolbar-icon-button__label {
    color: GrayText;
  }

  
  .sd-toolbar-icon-button:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}




@media (any-pointer: coarse) {
  .sd-toolbar-icon-button {
    --sd-tib-reach: calc((var(--sd-target-touch) - 2 * var(--sd-space-8) - var(--sd-tib-icon)) / 2);
    --sd-tib-reach-x: 0px;
    position: relative;
    isolation: isolate;
    padding: calc(var(--sd-space-8) + var(--sd-tib-reach))
             calc(var(--sd-tib-pad-r) + var(--sd-tib-reach-x))
             calc(var(--sd-space-8) + var(--sd-tib-reach))
             calc(var(--sd-tib-pad-l) + var(--sd-tib-reach-x));
    margin: calc(-1 * var(--sd-tib-reach)) calc(-1 * var(--sd-tib-reach-x));
    border-width: 0;
    background: none;
  }

  .sd-toolbar-icon-button:not(:has(> .sd-toolbar-icon-button__label)) {
    --sd-tib-reach-x: var(--sd-tib-reach);
  }

  .sd-toolbar-icon-button::before {
    content: "";
    position: absolute;
    inset: var(--sd-tib-reach) var(--sd-tib-reach-x);
    z-index: -1;
    border: var(--sd-tib-bd) solid var(--sd-tib-bdc);
    border-radius: var(--sd-radius-sm);
    background: var(--sd-tib-bg);
    transition: background-color var(--sd-duration-base) var(--sd-easing),
                border-color     var(--sd-duration-base) var(--sd-easing);
  }
}





.sd-toolbar-menu {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
}

.sd-toolbar-menu__trigger {
  --sd-tm-icon:  var(--sd-icon-md);
  --sd-tm-caret: var(--sd-icon-md);
  --sd-tm-pad-l: var(--sd-space-8);
  --sd-tm-pad-r: var(--sd-space-8);
  --sd-tm-bd:    0px;
  --sd-tm-bdc:   transparent;
  --sd-tm-bg:    transparent;
  --sd-tm-fg:    var(--sd-color-icon-strong);

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--sd-space-4);

  
  padding: calc(var(--sd-space-8)   - var(--sd-tm-bd))
           calc(var(--sd-tm-pad-r)  - var(--sd-tm-bd))
           calc(var(--sd-space-8)   - var(--sd-tm-bd))
           calc(var(--sd-tm-pad-l)  - var(--sd-tm-bd));
  border: var(--sd-tm-bd) solid var(--sd-tm-bdc);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-tm-bg);
  color: var(--sd-tm-fg);

  
  cursor: pointer;
  user-select: none;
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              border-color     var(--sd-duration-base) var(--sd-easing),
              color            var(--sd-duration-base) var(--sd-easing);
}


.sd-toolbar-menu__icon {
  display: block;
  width:  var(--sd-tm-icon);
  height: var(--sd-tm-icon);
  flex-shrink: 0;
  overflow: clip;
  pointer-events: none;
}

.sd-toolbar-menu__caret {
  display: none;
  width:  var(--sd-tm-caret);
  height: var(--sd-tm-caret);
  flex-shrink: 0;
  overflow: clip;
  pointer-events: none;
}

.sd-toolbar-menu__label {
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-strong);
  white-space: nowrap;
}




.sd-toolbar-menu--caret .sd-toolbar-menu__trigger { --sd-tm-pad-r: var(--sd-space-4); }
.sd-toolbar-menu--caret .sd-toolbar-menu__caret   { display: block; }




.sd-toolbar-menu--text .sd-toolbar-menu__trigger {
  --sd-tm-pad-l: var(--sd-space-12);
  --sd-tm-caret: var(--sd-icon-sm);
  gap: var(--sd-space-8);
}




@supports (position-area: bottom) {
  .sd-toolbar-menu--end {
    anchor-scope: --sd-toolbar-menu-end;
  }

  .sd-toolbar-menu--end > .sd-toolbar-menu__trigger {
    anchor-name: --sd-toolbar-menu-end;
  }

  .sd-toolbar-menu--end > .sd-toolbar-menu__surface {
    position-anchor: --sd-toolbar-menu-end;
    position-area: bottom span-left;
  }
}



.sd-toolbar-menu:hover > .sd-toolbar-menu__trigger {
  --sd-tm-bd:  1px;
  --sd-tm-bdc: var(--sd-color-border-subtle);
  --sd-tm-bg:  var(--sd-color-surface-default);
}

.sd-toolbar-menu:active > .sd-toolbar-menu__trigger {
  --sd-tm-bd:  1px;
  --sd-tm-bdc: var(--sd-color-border-strong);
  --sd-tm-bg:  var(--sd-color-surface-subtle);
}


.sd-toolbar-menu:not([open]):focus-within > .sd-toolbar-menu__trigger {
  --sd-tm-bd:  1px;
  --sd-tm-bdc: var(--sd-color-border-strong);
  --sd-tm-bg:  var(--sd-color-surface-default);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


.sd-toolbar-menu[open] > .sd-toolbar-menu__trigger {
  --sd-tm-bd:  1px;
  --sd-tm-bdc: var(--sd-color-border-strong);
  --sd-tm-bg:  var(--sd-color-surface-default);
}


.sd-toolbar-menu > .sd-toolbar-menu__trigger[aria-disabled="true"] {
  --sd-tm-bd:  0px;
  --sd-tm-bdc: transparent;
  --sd-tm-bg:  transparent;
  --sd-tm-fg:  var(--sd-color-icon-disabled);
  cursor: default;
}

.sd-toolbar-menu__trigger[aria-disabled="true"] .sd-toolbar-menu__label {
  color: var(--sd-color-text-disabled);
}




.sd-toolbar-menu__surface {
  position: fixed;
  z-index: var(--sd-z-float);
  margin-top: var(--sd-space-8);
  width: max-content;
  background: var(--sd-color-surface-default);
  border: var(--sd-popup-border);
  border-radius: var(--sd-popup-radius);
  box-shadow: var(--sd-popup-shadow);
  color: var(--sd-color-text-strong);
}


.sd-toolbar-menu__surface {
  opacity: 0;
  translate: 0 calc(-1 * var(--sd-space-4));
  transition:
    opacity   var(--sd-duration-fast) var(--sd-easing-in),
    translate var(--sd-duration-fast) var(--sd-easing-in),
    display   var(--sd-duration-fast) allow-discrete,
    overlay   var(--sd-duration-fast) allow-discrete;
}

.sd-toolbar-menu[open] > .sd-toolbar-menu__surface {
  opacity: 1;
  translate: none;
  transition-timing-function: var(--sd-easing-out);
}

@starting-style {
  .sd-toolbar-menu[open] > .sd-toolbar-menu__surface {
    opacity: 0;
    translate: 0 calc(-1 * var(--sd-space-4));
  }
}


.sd-toolbar-menu::details-content {
  transition: content-visibility var(--sd-duration-fast) allow-discrete;
}




@media (forced-colors: active) {

  .sd-toolbar-menu:hover > .sd-toolbar-menu__trigger,
  .sd-toolbar-menu:active > .sd-toolbar-menu__trigger,
  .sd-toolbar-menu:not([open]):focus-within > .sd-toolbar-menu__trigger {
    --sd-tm-bd:  1px;
    --sd-tm-bdc: ButtonBorder;
  }

  .sd-toolbar-menu[open] > .sd-toolbar-menu__trigger {
    --sd-tm-bd:  2px;
    --sd-tm-bdc: Highlight;
  }

  .sd-toolbar-menu:not([open]):focus-within > .sd-toolbar-menu__trigger {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }

  .sd-toolbar-menu__surface {
    border-color: CanvasText;
  }
}




@media (any-pointer: coarse) {
  .sd-toolbar-menu__trigger {
    --sd-tm-reach: calc((var(--sd-target-touch) - 2 * var(--sd-space-8) - var(--sd-tm-icon)) / 2);
    --sd-tm-reach-x: 0px;
    position: relative;
    isolation: isolate;
    padding: calc(var(--sd-space-8) + var(--sd-tm-reach))
             calc(var(--sd-tm-pad-r) + var(--sd-tm-reach-x))
             calc(var(--sd-space-8) + var(--sd-tm-reach))
             calc(var(--sd-tm-pad-l) + var(--sd-tm-reach-x));
    margin: calc(-1 * var(--sd-tm-reach)) calc(-1 * var(--sd-tm-reach-x));
    border-width: 0;
    background: none;
  }

  .sd-toolbar-menu__trigger:not(:has(> .sd-toolbar-menu__label)) {
    --sd-tm-reach-x: var(--sd-tm-reach);
  }

  .sd-toolbar-menu__trigger::before {
    content: "";
    position: absolute;
    inset: var(--sd-tm-reach) var(--sd-tm-reach-x);
    z-index: -1;
    border: var(--sd-tm-bd) solid var(--sd-tm-bdc);
    border-radius: var(--sd-radius-sm);
    background: var(--sd-tm-bg);
    transition: background-color var(--sd-duration-base) var(--sd-easing),
                border-color     var(--sd-duration-base) var(--sd-easing);
  }
}






.sd-toolbar-alignment {
  flex-shrink: 0;
}

.sd-toolbar-alignment__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-2);
  padding: var(--sd-space-4);
}






.sd-toolbar-font-family {
  flex-shrink: 0;
}


.sd-toolbar-font-family__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: var(--sd-space-2) 0;
  
  min-width: 180px;
}


.sd-toolbar-font-family__list [data-sd-command-value^="Inter"] { font-family: Inter, sans-serif; }
.sd-toolbar-font-family__list [data-sd-command-value^="Arial"] { font-family: Arial, Helvetica, sans-serif; }
.sd-toolbar-font-family__list [data-sd-command-value^="Helvetica"] { font-family: Helvetica, Arial, sans-serif; }
.sd-toolbar-font-family__list [data-sd-command-value^="Verdana"] { font-family: Verdana, Geneva, sans-serif; }
.sd-toolbar-font-family__list [data-sd-command-value^="'Trebuchet MS'"] { font-family: 'Trebuchet MS', sans-serif; }
.sd-toolbar-font-family__list [data-sd-command-value^="Georgia"] { font-family: Georgia, serif; }
.sd-toolbar-font-family__list [data-sd-command-value^="'Times New Roman'"] { font-family: 'Times New Roman', Times, serif; }
.sd-toolbar-font-family__list [data-sd-command-value^="'Courier New'"] { font-family: 'Courier New', Courier, monospace; }






.sd-toolbar-font-size {
  flex-shrink: 0;
}


.sd-toolbar-font-size__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: var(--sd-space-2) 0;
  
  min-width: 100px;
}






.sd-toolbar-line-spacing {
  flex-shrink: 0;
}


.sd-toolbar-line-spacing__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: var(--sd-space-2) 0;
  
  min-width: 100px;
}






.sd-toolbar-color {
  flex-shrink: 0;
}

.sd-toolbar-color__palette {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}


.sd-toolbar-color__section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sd-space-4);
  padding: var(--sd-space-16) var(--sd-space-16) calc(var(--sd-space-16) - var(--sd-border-width));
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-toolbar-color__section:last-child {
  padding-bottom: var(--sd-space-16);
  border-bottom: 0;
}

.sd-toolbar-color__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-4);
}

.sd-toolbar-color__heading {
  margin: 0;
  font-family: var(--sd-font);
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-xs-lh);
  letter-spacing: var(--sd-tracking-caps);
  text-transform: uppercase;
  color: var(--sd-color-text-strong);
}



.sd-toolbar-color__swatch {
  position: relative;
  display: block;
  
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-full);
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
}

.sd-toolbar-color__chip {
  display: block;
  
  width: 20px;
  height: 20px;
  border-radius: var(--sd-radius-full);
}


.sd-toolbar-color__swatch--pale .sd-toolbar-color__chip {
  box-shadow: inset 0 0 0 1px var(--sd-color-border-strong);
}

.sd-toolbar-color__swatch:hover {
  outline: var(--sd-border-width) solid var(--sd-color-border-hover);
  outline-offset: var(--sd-ring-offset);
}

.sd-toolbar-color__swatch:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


.sd-toolbar-color__swatch[aria-pressed="true"]::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  
  width: 5px;
  height: 9px;
  border: solid var(--sd-color-icon-inverse);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  mix-blend-mode: difference;
  pointer-events: none;
}



.sd-toolbar-color__tools {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  padding-left: var(--sd-space-8);
}

.sd-toolbar-color__tool {
  display: block;
  
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-icon-muted);
  cursor: pointer;
  transition: color var(--sd-duration-base) var(--sd-easing);
}

.sd-toolbar-color__tool .sd-icon {
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
}

.sd-toolbar-color__tool:hover { color: var(--sd-color-icon-strong); }



.sd-toolbar-color__hex {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: var(--sd-space-8);
  align-self: stretch;
}


.sd-toolbar-color__hex-input {
  --sd-tc-bd: var(--sd-color-border-subtle);
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
  margin: 0;
  padding: var(--sd-space-8) var(--sd-space-12);
  border: var(--sd-border-width) solid var(--sd-tc-bd);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  filter: var(--sd-drop-shadow-xs);
  transition: border-color var(--sd-duration-base) var(--sd-easing);
}

.sd-toolbar-color__hex-input:hover { --sd-tc-bd: var(--sd-color-border-hover); }


.sd-toolbar-color__hex-input:focus-visible {
  --sd-tc-bd: var(--sd-color-border-strong);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}




@media (forced-colors: active) {
  .sd-toolbar-color__swatch[aria-pressed="true"] {
    outline: var(--sd-ring-width) solid Highlight;
    outline-offset: var(--sd-ring-offset);
  }
  .sd-toolbar-color__swatch:focus-visible,
  .sd-toolbar-color__tool:focus-visible,
  .sd-toolbar-color__hex-input:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
  .sd-toolbar-color__section {
    border-bottom-color: CanvasText;
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px), (any-pointer: coarse) {
  .sd-toolbar-color__hex-input {
    font-size: var(--sd-text-entry);
  }
}






.sd-toolbar-insert-link {
  flex-shrink: 0;
}

.sd-toolbar-insert-link__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sd-space-12);
  padding: var(--sd-space-12);
}

.sd-toolbar-insert-link__field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sd-space-4);
}

.sd-toolbar-insert-link__label {
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-muted);
}


.sd-toolbar-insert-link__input {
  --sd-til-bd: var(--sd-color-border-subtle);
  
  width: 320px;
  max-width: 100%;
  margin: 0;
  padding: calc(var(--sd-space-12) - var(--sd-border-width));
  border: var(--sd-border-width) solid var(--sd-til-bd);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  filter: var(--sd-drop-shadow-xs);
  transition: border-color var(--sd-duration-base) var(--sd-easing);
}

.sd-toolbar-insert-link__input::placeholder { color: var(--sd-color-text-placeholder); }

.sd-toolbar-insert-link__input:hover { --sd-til-bd: var(--sd-color-border-hover); }


.sd-toolbar-insert-link__input:focus-visible {
  --sd-til-bd: var(--sd-color-border-strong);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}




@media (forced-colors: active) {
  .sd-toolbar-insert-link__input:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px), (any-pointer: coarse) {
  .sd-toolbar-insert-link__input {
    font-size: var(--sd-text-entry);
  }
}





.sd-notifications {
  --sd-nb-bg: var(--sd-color-status-warning-tint);
  --sd-nb-bd: var(--sd-color-status-warning-tint-border);

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--sd-space-4) var(--sd-space-12);

  
  padding: var(--sd-space-20) var(--sd-space-20) calc(var(--sd-space-20) - var(--sd-border-width));
  background: var(--sd-nb-bg);
  border-bottom: var(--sd-border-width) solid var(--sd-nb-bd);

  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-strong);
  text-align: center;
}

.sd-notifications--success {
  --sd-nb-bg: var(--sd-color-status-success-tint);
  --sd-nb-bd: var(--sd-color-status-success-tint-border);
}

.sd-notifications--info {
  --sd-nb-bg: var(--sd-color-status-info-tint);
  --sd-nb-bd: var(--sd-color-status-info-tint-border);
}

.sd-notifications--error {
  --sd-nb-bg: var(--sd-color-status-error-tint);
  --sd-nb-bd: var(--sd-color-status-error-tint-border);
}


.sd-notifications__lead {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
}

.sd-notifications__lead:empty { display: none; }

.sd-notifications__icon {
  width: var(--sd-icon-lg);
  height: var(--sd-icon-lg);
  flex-shrink: 0;
  color: var(--sd-color-icon-strong);
}


.sd-notifications__title {
  font-weight: var(--sd-weight-semibold);
}

.sd-notifications__text {
  
  --sd-tl-reach-inline: calc((24px - 1lh) / 2);
  min-width: 0;
}




@media (forced-colors: active) {
  .sd-notifications {
    border-bottom-color: CanvasText;
  }
}





.sd-signing-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-8) var(--sd-space-16);

  
  padding: var(--sd-space-16) var(--sd-space-12)
           calc(var(--sd-space-16) - var(--sd-border-width));
  
  min-height: 60px;
  
  flex-shrink: 0;

  background: var(--sd-color-surface-default);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}


.sd-signing-bar__envelope {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-2);
  
  flex: 9999 1 auto;
  min-width: 0;
}


.sd-signing-bar__name {
  margin: 0;
  font-size: var(--sd-text-md);
  line-height: var(--sd-text-md-lh);
  font-weight: var(--sd-weight-bold);
  color: var(--sd-color-text-strong);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.sd-signing-bar__who {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-2) var(--sd-space-16);
  margin: 0;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-muted);
}

.sd-signing-bar__signer {
  display: inline-flex;
  align-items: center;
  gap: var(--sd-space-4);
  color: var(--sd-color-text-default);
  white-space: nowrap;
}

.sd-signing-bar__lock {
  
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--sd-color-icon-muted);
}


.sd-signing-bar__signout {
  display: inline-flex;
  align-items: center;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  color: var(--sd-color-text-muted);
}

.sd-signing-bar__signout .sd-text-link {
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
}


.sd-signing-bar [hidden] {
  display: none;
}


.sd-signing-bar__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: var(--sd-space-16);
  flex: 1 0 auto;
  min-width: min-content;
}

.sd-signing-bar__actions > .sd-signing-bar__progress {
  margin-right: auto;
}


.sd-signing-bar__actions > :not(.sd-signing-bar__progress) {
  flex-shrink: 0;
}


.sd-signing-bar__progress {
  display: grid;
  
  --sd-signing-progress-max: 185px;
  grid-template-columns: minmax(3rem, var(--sd-signing-progress-max)) auto;
  align-items: center;
  gap: var(--sd-space-8);
  min-width: 0;
}

.sd-signing-bar__left {
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  color: var(--sd-color-text-muted);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}




@container sd-editor-shell (max-width: 999px) {
  .sd-signing-bar__envelope,
  .sd-signing-bar__actions {
    flex: 1 0 100%;
  }

  
  .sd-signing-bar__progress {
    flex: 1 1 auto;
    justify-content: start;
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {

  .sd-signing-bar:has(~ * [data-sd-mode="signer"]) {
    display: contents;
  }

  
  
  .sd-signing-bar:has(~ * [data-sd-mode="signer"]) .sd-signing-bar__envelope {
    flex: 1 0 100%;
    box-sizing: border-box;
    padding: var(--sd-space-16) var(--sd-space-12) 0;
    background: var(--sd-color-surface-default);
  }

  .sd-signing-bar:has(~ * [data-sd-mode="signer"]) .sd-signing-bar__who {
    row-gap: var(--sd-space-4);
  }

  
  .sd-signing-bar:has(~ * [data-sd-mode="signer"]) .sd-signing-bar__who .sd-text-link {
    --sd-signing-reach: calc((var(--sd-target-touch) - 1lh) / 2);
    padding-block: var(--sd-signing-reach);
    margin-block: calc(-1 * var(--sd-signing-reach));
  }

  
  .sd-signing-bar:has(~ * [data-sd-mode="signer"]) .sd-signing-bar__actions {
    position: sticky;
    top: 0;
    z-index: var(--sd-z-float);
    flex: 1 0 100%;
    box-sizing: border-box;
    min-width: 0;
    justify-content: space-between;
    gap: var(--sd-space-16);
    margin-left: 0;
    padding: var(--sd-space-8) var(--sd-space-12)
             calc(var(--sd-space-16) - var(--sd-border-width));
    background: var(--sd-color-surface-default);
    border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  }

  .sd-signing-bar:has(~ * [data-sd-mode="signer"]) .sd-signing-bar__progress {
    flex: 1 1 auto;
    
    grid-template-columns: minmax(1rem, var(--sd-signing-progress-max)) auto;
    justify-content: start;
  }

  
  .sd-signing-bar:has(~ * [data-sd-mode="signer"]) .sd-signing-bar__left {
    white-space: normal;
  }

}



@media (max-width: 583px) {
  .sd-signing-bar:has(~ * [data-sd-mode="signer"]) .sd-signing-bar__progress {
    display: flex;
  }

  .sd-signing-bar:has(~ * [data-sd-mode="signer"]) .sd-signing-bar__progress > :not(.sd-signing-bar__left) {
    display: none;
  }

  .sd-signing-bar:has(~ * [data-sd-mode="signer"]) .sd-signing-bar__left {
    display: flex;
    align-items: center;
    gap: var(--sd-space-8);
  }

  .sd-signing-bar:has(~ * [data-sd-mode="signer"]) .sd-signing-bar__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-sizing: border-box;
    
    min-width: var(--sd-space-24);
    height: var(--sd-text-sm-lh);
    padding-inline: var(--sd-space-8);
    border-radius: var(--sd-radius-full);
    background: var(--sd-color-status-error-fill);
    color: var(--sd-color-text-inverse);
    font-size: var(--sd-text-xs);
    line-height: var(--sd-text-xs-lh);
    font-weight: var(--sd-weight-semibold);
  }
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  
  :root:has(.sd-signing-bar ~ * [data-sd-mode="signer"]) {
    
    --sd-signing-pinned: 68px;
    scroll-padding-top: calc(var(--sd-signing-pinned) + var(--sd-space-16));
  }
}




@media (forced-colors: active) {
  .sd-signing-bar {
    border-bottom-color: CanvasText;
  }
}





.sd-signing-documents {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-12);
  padding: var(--sd-space-8) var(--sd-space-20);
  box-sizing: border-box;
  background: var(--sd-color-surface-default);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-default);
}


.sd-signing-documents:has(> .sd-signing-documents__single:not([hidden])) {
  padding-block: 0;
}

.sd-signing-documents:has(> .sd-signing-documents__tabs:not([hidden])) {
  align-items: stretch;
  padding-block: 0;
  padding-left: 0;
  
  --sd-signing-documents-rule: 8px;
  border-bottom: var(--sd-signing-documents-rule) solid var(--sd-color-surface-sunken);
  background:
    linear-gradient(var(--sd-color-border-default), var(--sd-color-border-default))
      bottom / 100% var(--sd-border-width) no-repeat,
    var(--sd-color-surface-subtle);
}


.sd-signing-documents__tabs > [role="tablist"] {
  background: transparent;
}




.sd-signing-documents [role="tab"][aria-selected="true"] {
  background: var(--sd-color-surface-sunken);
}


.sd-signing-documents [role="tab"][aria-selected="true"]::before {
  background: var(--sd-color-border-tab-selected);
}


.sd-signing-documents [role="tab"]:not([aria-selected="true"]) {
  box-shadow: inset 0 calc(-1 * var(--sd-border-width)) 0 var(--sd-color-border-default);
}


.sd-signing-documents [role="tab"]:not([aria-selected="true"]) {
  background: var(--sd-color-surface-muted);
}

.sd-signing-documents [role="tab"]:hover:not([aria-selected="true"]) {
  background: var(--sd-color-surface-subtle);
}

.sd-signing-documents [role="tab"]:active:not([aria-selected="true"]) {
  background: var(--sd-color-surface-pressed);
}


.sd-signing-documents [role="tab"]:not([aria-selected="true"]):not([data-sd-error])[data-sd-left]::after {
  background: var(--sd-color-surface-default);
}


.sd-signing-documents__tabs {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}

.sd-signing-documents__tabs > [role="tablist"] {
  flex: 1 1 auto;
  
  justify-content: safe center;
  
  isolation: isolate;
}




.sd-signing-documents__scroll {
  position: absolute;
  
  inset-block: 0 var(--sd-border-width);
  z-index: var(--sd-z-raised);
  display: flex;
  align-items: center;
  justify-content: center;
  
  width: 48px;
  padding: 0;
  border: 0;
  color: var(--sd-color-icon-strong);
  cursor: pointer;
}

.sd-signing-documents__scroll[hidden] {
  display: none;
}

.sd-signing-documents__back {
  left: 0;
  justify-content: flex-start;
  padding-left: var(--sd-space-8);
  background: linear-gradient(to right, var(--sd-color-surface-subtle) 60%, transparent);
}

.sd-signing-documents__ahead {
  right: 0;
  justify-content: flex-end;
  padding-right: var(--sd-space-8);
  background: linear-gradient(to left, var(--sd-color-surface-subtle) 60%, transparent);
}

.sd-signing-documents__arrow {
  
  width: 20px;
  height: 20px;
  padding: var(--sd-space-4);
  border: var(--sd-border-width) solid var(--sd-color-border-default);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-sm);
}

.sd-signing-documents__scroll:hover .sd-signing-documents__arrow {
  border-color: var(--sd-color-border-hover);
}

.sd-signing-documents__pages {
  align-self: center;
}



.sd-signing-documents__single {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  
  min-height: calc(var(--sd-target-touch) + var(--sd-space-8));
  padding: 0;
  font-weight: var(--sd-weight-semibold);
  color: var(--sd-color-text-strong);
}

.sd-signing-documents__file {
  
  width: 20px;
  height: 20px;
  color: var(--sd-color-icon-default);
}


.sd-signing-documents__chevron {
  
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--sd-color-icon-default);
}

.sd-signing-documents__name,
.sd-signing-documents__current,
.sd-signing-documents__sizer {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}


.sd-signing-documents__names {
  display: grid;
  grid-template-columns: minmax(0, max-content);
  min-width: 0;
}

.sd-signing-documents__names > * {
  grid-area: 1 / 1;
}

.sd-signing-documents__sizer {
  visibility: hidden;
}


.sd-signing-documents__single[hidden],
.sd-signing-documents__tabs[hidden],
.sd-signing-documents .sd-signing-documents__trigger[hidden] {
  display: none;
}




.sd-signing-documents__pages {
  flex-shrink: 0;
  margin-left: auto;
  color: var(--sd-color-text-default);
  white-space: nowrap;
}


.sd-signing-documents:has(~ * .sd-page-thumbnails) .sd-signing-documents__pages {
  display: none;
}

.sd-signing-documents:has(> .sd-signing-documents__single:not([hidden])):has(~ * .sd-page-thumbnails) {
  display: none;
}


@media (max-width: 583px) {
  .sd-signing-documents:has(~ * .sd-page-thumbnails) .sd-signing-documents__pages {
    display: block;
  }

  .sd-signing-documents:has(> .sd-signing-documents__single:not([hidden])):has(~ * .sd-page-thumbnails) {
    display: flex;
  }
}


@media (max-width: 983px) and (max-height: 499px) {
  .sd-signing-documents:has(~ * .sd-page-thumbnails):has(~ * [data-sd-mode="signer"]) .sd-signing-documents__pages {
    display: block;
  }

  .sd-signing-documents:has(> .sd-signing-documents__single:not([hidden])):has(~ * .sd-page-thumbnails):has(~ * [data-sd-mode="signer"]) {
    display: flex;
  }
}




.sd-signing-documents__trigger {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  flex: 0 1 auto;
  min-width: 0;
  
  min-height: var(--sd-target-touch);
  
  padding: 0 calc(var(--sd-space-8) + var(--sd-space-4) + var(--sd-border-width)) 0 var(--sd-space-8);
  margin-left: calc(-1 * var(--sd-space-8));
  border: 0;
  border-radius: var(--sd-radius-md);
  background: transparent;
  color: var(--sd-color-text-strong);
  font: inherit;
  font-weight: var(--sd-weight-semibold);
  text-align: left;
  cursor: pointer;
  anchor-name: --sd-signing-documents;
}


.sd-signing-documents__position {
  flex-shrink: 0;
  color: var(--sd-color-text-default);
  font-weight: var(--sd-weight-medium);
  white-space: nowrap;
}

.sd-signing-documents__position::after {
  content: "\00a0\00b7" / "";
}

.sd-signing-documents__position:empty {
  display: none;
}


.sd-signing-documents__left {
  flex-shrink: 0;
  box-sizing: border-box;
  
  min-width: 20px;
  padding: 0 var(--sd-space-8);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-muted);
  color: var(--sd-color-text-default);
  white-space: nowrap;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
  text-align: center;
}

.sd-signing-documents__left[hidden] {
  display: none;
}

[data-sd-error] > .sd-signing-documents__left,
[data-sd-error] > * > .sd-signing-documents__left {
  background: var(--sd-color-status-error-fill);
  color: var(--sd-color-text-inverse);
}


.sd-signing-documents__trigger[data-sd-error] .sd-signing-documents__current {
  color: var(--sd-color-text-error);
}

.sd-signing-documents__trigger:hover {
  background: var(--sd-color-surface-hover);
}

.sd-signing-documents__trigger:active {
  background: var(--sd-color-surface-pressed);
}


.sd-signing-documents__menu {
  position: fixed;
  inset: auto;
  margin: 0;
  margin-top: var(--sd-space-4);
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  overflow: visible;
  width: max-content;
  
  width: anchor-size(width);
  position-anchor: --sd-signing-documents;
  position-area: bottom span-right;
  position-try-fallbacks: flip-block;
}

.sd-signing-documents__menu > .sd-menu-dropdown {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}


.sd-signing-documents__row {
  display: none;
}


.sd-signing-documents__menu [role="menuitem"]:not([data-sd-error], [data-sd-done]) .sd-menu-item__icon {
  display: none;
}

.sd-signing-documents__menu [role="menuitem"][data-sd-done]:not([data-sd-error]) {
  --sd-mi-ico: var(--sd-color-icon-success);
}


.sd-signing-documents__menu .sd-menu-item__check {
  margin-left: 0;
}

.sd-signing-documents__menu .sd-signing-documents__left {
  margin-left: auto;
}


.sd-signing-documents__menu .sd-menu-item[role="menuitem"][data-sd-error] {
  --sd-mi-fg: var(--sd-color-text-error);
  --sd-mi-ico: var(--sd-color-icon-error);
}



.sd-signing-documents--compact .sd-signing-documents__tabs {
  display: none;
}

.sd-signing-documents--compact .sd-signing-documents__trigger {
  display: flex;
}


.sd-signing-documents--compact,
.sd-signing-documents--compact:has(> .sd-signing-documents__tabs:not([hidden])) {
  align-items: center;
  padding: var(--sd-space-4) var(--sd-space-16);
  background: var(--sd-color-surface-default);
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-signing-documents__tabs {
    display: none;
  }

  .sd-signing-documents__trigger {
    display: flex;
  }

  .sd-signing-documents,
  .sd-signing-documents:has(> .sd-signing-documents__tabs:not([hidden])) {
    align-items: center;
    padding: var(--sd-space-4) var(--sd-space-16);
    background: var(--sd-color-surface-default);
  }

  
  .sd-signing-documents:has(~ * [data-sd-mode="signer"]) {
    position: sticky;
    top: var(--sd-signing-pinned, 0px);
    z-index: var(--sd-z-float);
    box-shadow: var(--sd-shadow-sm);
    
    border-bottom: 0;
  }

  
  .sd-signing-documents:has(> .sd-signing-documents__tabs:not([hidden])):has(~ * [data-sd-mode="signer"]) {
    border-bottom: 0;
  }
}




@media (forced-colors: active) {
  .sd-signing-documents {
    border-bottom-color: CanvasText;
  }
}





.sd-error-summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: var(--sd-space-8);

  
  padding: calc(var(--sd-space-12) - var(--sd-border-width)) calc(var(--sd-space-16) - var(--sd-border-width));
  background: var(--sd-color-status-error-tint);
  border: var(--sd-border-width) solid var(--sd-color-status-error-tint-border);
  border-radius: var(--sd-radius-md);

  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-default);
  text-align: center;
}


.sd-error-summary:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}


.sd-error-summary__icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex: none;
  margin-top: var(--sd-space-2);
  color: var(--sd-color-icon-error);
}

.sd-error-summary__body {
  display: contents;
}

.sd-error-summary__title {
  min-width: 0;
  margin: 0;
  font-size: inherit;
  font-weight: var(--sd-weight-semibold);
  color: var(--sd-color-text-strong);
}


.sd-error-summary__list {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-basis: 100%;
  gap: var(--sd-space-8);
}

.sd-error-summary__list:empty {
  display: none;
}

.sd-error-summary__chip {
  
  --sd-es-edge: var(--sd-color-status-error-tint-border);

  display: inline-flex;
  align-items: center;
  max-width: 100%;

  
  padding: calc(var(--sd-space-2) + var(--sd-space-2) - var(--sd-border-width)) calc(var(--sd-space-8) - var(--sd-border-width));
  border: var(--sd-border-width) solid var(--sd-es-edge);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
  
  color: var(--sd-color-text-error);

  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  text-align: start;
  overflow-wrap: anywhere;

  
  min-width: 24px;
  min-height: 24px;
  cursor: pointer;
  transition: border-color var(--sd-duration-base) var(--sd-easing),
              color        var(--sd-duration-base) var(--sd-easing);
}


.sd-error-summary__chip:hover {
  --sd-es-edge: var(--sd-color-action-destructive);
}

.sd-error-summary__chip:active {
  --sd-es-edge: var(--sd-color-action-destructive-active);
  color: var(--sd-color-text-error-pressed);
}

.sd-error-summary__chip[hidden],
.sd-error-summary__more[hidden] {
  display: none;
}


.sd-error-summary__more {
  display: inline-flex;
  align-items: center;
  min-height: calc(var(--sd-text-sm-lh) + 2 * var(--sd-space-4));
  padding: 0 var(--sd-space-4);
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-text-muted);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  white-space: nowrap;
  cursor: pointer;
}

.sd-error-summary__more:hover {
  text-decoration: underline;
  text-underline-offset: var(--sd-space-2);
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-error-summary {
    
    --sd-es-reach: calc((var(--sd-target-touch) - var(--sd-text-sm-lh)) / 2 - var(--sd-space-2) - var(--sd-space-2));
  }

  .sd-error-summary__list {
    row-gap: calc(var(--sd-space-8) + 2 * var(--sd-es-reach));
  }

  .sd-error-summary__chip {
    position: relative;
    isolation: isolate;
    padding-block: calc(var(--sd-space-2) + var(--sd-space-2) - var(--sd-border-width) + var(--sd-es-reach));
    margin-block: calc(-1 * var(--sd-es-reach));
    border-color: transparent;
    background: transparent;
  }

  .sd-error-summary__chip::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: calc(var(--sd-es-reach) - var(--sd-border-width)) calc(-1 * var(--sd-border-width));
    border: var(--sd-border-width) solid var(--sd-es-edge);
    border-radius: var(--sd-radius-sm);
    background: var(--sd-color-surface-default);
    transition: border-color var(--sd-duration-base) var(--sd-easing);
  }

  
  .sd-error-summary__chip:focus-visible {
    outline: none;
  }

  .sd-error-summary__chip:focus-visible::before {
    outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
    outline-offset: var(--sd-ring-offset);
  }

  .sd-error-summary__more {
    min-height: var(--sd-target-touch);
    margin-block: calc(-1 * var(--sd-es-reach));
  }
}




@media (forced-colors: active) {
  .sd-error-summary {
    border-color: CanvasText;
  }

  
  .sd-error-summary__chip::before {
    border-color: ButtonText;
  }

  .sd-error-summary__chip:focus-visible::before {
    outline-color: CanvasText;
  }
}





.sd-missing-answers {
  
  --sd-missing-w: 20rem;

  display: flex;
  flex-direction: column;
  flex: none;
  box-sizing: border-box;
  width: var(--sd-missing-w);
  min-height: 0;
  padding: var(--sd-space-16) var(--sd-space-16) var(--sd-space-16) 0;
  background: var(--sd-color-surface-sunken);

  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-default);
}


.sd-missing-answers {
  transition:
    opacity   var(--sd-duration-fast) var(--sd-easing-in),
    translate var(--sd-duration-fast) var(--sd-easing-in),
    display   var(--sd-duration-fast) allow-discrete;
}

.sd-missing-answers[hidden] {
  display: none;
  opacity: 0;
  translate: var(--sd-space-16) 0;
}


.sd-missing-answers:focus-visible {
  outline: none;
}


.sd-missing-answers:focus-visible:not(:has(:focus-visible)) .sd-missing-answers__card {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}

.sd-missing-answers__card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-lg);
  box-shadow: var(--sd-shadow-lg);
}



.sd-missing-answers__head {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-4);
  padding: var(--sd-space-16);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-missing-answers__title {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  margin: 0;
  margin-bottom: var(--sd-space-8);
  font-size: var(--sd-text-md);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-md-lh);
  color: var(--sd-color-text-strong);
}


.sd-missing-answers__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--sd-icon-lg);
  height: var(--sd-icon-lg);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-status-error-fill);
  color: var(--sd-color-text-inverse);
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-bold);
  
  line-height: 1;
}


.sd-missing-answers__count {
  min-width: 0;
}


.sd-missing-answers__next {
  width: 100%;
}


.sd-missing-answers__toggle {
  display: none;
}




.sd-missing-answers__list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  
  scrollbar-width: none;
  padding: var(--sd-space-8) 0;
}

.sd-missing-answers__group + .sd-missing-answers__group {
  margin-top: var(--sd-space-8);
  padding-top: var(--sd-space-8);
  border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
}


.sd-missing-answers__doc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sd-space-8);
  margin: 0;
  padding: var(--sd-space-8) var(--sd-space-16) var(--sd-space-4);
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-xs-lh);
  color: var(--sd-color-text-muted);
}

.sd-missing-answers__doc-count {
  flex: none;
  padding: 0 var(--sd-space-8);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-status-error-tint);
  color: var(--sd-color-text-error);
}

.sd-missing-answers__doc-count--done {
  background: var(--sd-color-status-success-tint);
  color: var(--sd-color-text-success);
}


.sd-missing-answers__item {
  display: grid;
  grid-template-columns: var(--sd-icon-md) minmax(0, 1fr) auto;
  align-items: center;
  column-gap: var(--sd-space-12);
  box-sizing: border-box;
  width: calc(100% - 2 * var(--sd-space-8));
  margin: 0 var(--sd-space-8);
  padding: var(--sd-space-8);
  border: 0;
  border-radius: var(--sd-radius-md);
  background: transparent;
  color: var(--sd-color-text-strong);
  font: inherit;
  text-align: start;
  
  min-height: 24px;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-missing-answers__item:hover {
  background: var(--sd-color-surface-hover);
}

.sd-missing-answers__item:active {
  background: var(--sd-color-surface-pressed);
}


.sd-missing-answers__item[aria-current="true"] {
  background: var(--sd-color-surface-selected);
}


.sd-missing-answers__item:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}

.sd-missing-answers__name {
  font-weight: var(--sd-weight-medium);
  overflow-wrap: anywhere;
}

.sd-missing-answers__kind {
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  white-space: nowrap;
}


.sd-missing-answers__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  
  width: 12px;
  height: 12px;
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-status-error-fill);
  color: var(--sd-color-text-inverse);
  
  font-size: 9px;
  font-weight: var(--sd-weight-bold);
  line-height: 1;
}

.sd-missing-answers__item--answered .sd-missing-answers__status {
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  background: none;
  color: var(--sd-color-icon-success);
}

.sd-missing-answers__status .sd-icon {
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
}


.sd-missing-answers__item--answered {
  color: var(--sd-color-text-muted);
}

.sd-missing-answers__item--answered .sd-missing-answers__kind {
  color: var(--sd-color-text-success);
}




@container sd-editor-shell (max-width: 999px) {

  .sd-missing-answers {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: calc(var(--sd-z-float) - 1);
    background: transparent;
    pointer-events: none;
  }

  .sd-missing-answers__card {
    pointer-events: auto;
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {

  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers {
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--sd-z-overlay);
    width: auto;
    padding: 0;
    background: transparent;
    pointer-events: auto;
  }

  
  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers[hidden] {
    translate: 0 100%;
  }

  
  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers--open {
    top: 0;
    justify-content: flex-end;
    background: var(--sd-color-surface-scrim);
  }

  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers:focus-visible:not(:has(:focus-visible)) .sd-missing-answers__card {
    outline-offset: var(--sd-ring-offset-inset);
  }

  
  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers .sd-missing-answers__card {
    flex-direction: column-reverse;
    max-height: 100%;
  }

  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers:not(.sd-missing-answers--open) .sd-missing-answers__card {
    border-width: var(--sd-border-width) 0 0;
    border-radius: 0;
    box-shadow: var(--sd-sheet-shadow);
    
    padding: 0 env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  }

  
  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers .sd-missing-answers__card > .sd-sheet__handle {
    order: 1;
  }

  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers .sd-missing-answers__card > .sd-missing-answers__head {
    flex: none;
  }

  
  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers .sd-missing-answers__head {
    flex-direction: row;
    align-items: center;
    gap: var(--sd-space-8);
    padding: var(--sd-space-8) var(--sd-space-16);
    border-bottom: 0;
    border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
  }

  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers .sd-missing-answers__title {
    display: none;
  }

  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers .sd-missing-answers__toggle {
    display: flex;
    align-items: center;
    gap: var(--sd-space-8);
    flex: 1 1 auto;
    min-width: 0;
    
    min-height: var(--sd-target-touch);
    padding: 0 var(--sd-space-8) 0 0;
    border: 0;
    border-radius: var(--sd-radius-md);
    background: transparent;
    color: var(--sd-color-text-strong);
    font: inherit;
    font-weight: var(--sd-weight-semibold);
    text-align: start;
    cursor: pointer;
  }

  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers .sd-missing-answers__next {
    flex: none;
    width: auto;
  }

  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers .sd-missing-answers__toggle-text {
    flex: 1 1 auto;
    min-width: 0;
  }

  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers .sd-missing-answers__toggle .sd-icon {
    flex: none;
    width: var(--sd-icon-md);
    height: var(--sd-icon-md);
    color: var(--sd-color-icon-muted);
    transition: transform var(--sd-duration-base) var(--sd-easing);
  }

  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers--open .sd-missing-answers__toggle .sd-icon {
    transform: rotate(180deg);
  }

  
  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers:not(.sd-missing-answers--open) .sd-missing-answers__list {
    display: none;
  }

  :where(*:has([data-sd-mode="signer"])) ~ .sd-missing-answers .sd-missing-answers__item {
    
    min-height: var(--sd-target-touch);
  }
}




@media (forced-colors: active) {
  .sd-missing-answers__card {
    border-color: CanvasText;
  }
  .sd-missing-answers__mark,
  .sd-missing-answers__status {
    border: var(--sd-border-width) solid CanvasText;
  }
  .sd-missing-answers__item[aria-current="true"] {
    outline: var(--sd-ring-width) solid Highlight;
    outline-offset: var(--sd-ring-offset-inset);
  }
}





.sd-editor-canvas {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  background: var(--sd-color-surface-sunken);
  
  position: relative;
  
  --sd-canvas-keyboard: 0;
  
  --sd-canvas-phone: 0;
}


.sd-editor-canvas > :not(.sd-editor-canvas__documents, .sd-editor-canvas__zoom) {
  margin-right: var(--sd-editor-cover, 0px);
}


.sd-editor-canvas__documents {
  display: flex;
  flex-direction: column;
  align-items: safe center;
  gap: var(--sd-space-48);
  padding: var(--sd-space-48);
  flex: 1 1 0;
  min-height: 0;
  overflow: auto;
  scrollbar-gutter: stable;
}


.sd-editor-canvas__documents:not(:has([data-sd-mode="signer"])) {
  touch-action: pan-x pan-y;
}


.sd-editor-canvas__documents {
  scroll-padding-right: var(--sd-editor-cover, 0px);
  padding-bottom: calc(var(--sd-space-48) + var(--sd-editor-foot, 0px));
  scroll-padding-bottom: var(--sd-editor-foot, 0px);
}


.sd-editor-canvas[data-sd-keyboard] > [role="toolbar"] {
  position: fixed;
  top: var(--sd-keyboard-top, 100dvh);
  left: 0;
  right: 0;
  transform: translateY(-100%);
  
  z-index: calc(var(--sd-z-overlay) + 1);
  margin: 0;
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  box-shadow: var(--sd-shadow-lg);
}

.sd-editor-canvas[data-sd-keyboard] > .sd-editor-canvas__zoom {
  visibility: hidden;
}


.sd-editor-canvas__documents:has([data-sd-mode="signer"]) {
  scrollbar-width: none;
}


.sd-editor-canvas__documents[hidden] {
  display: none;
}


.sd-editor-canvas__documents:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}


.sd-editor-canvas__zoom {
  position: absolute;
  left: calc(50% - var(--sd-editor-cover, 0px) / 2);
  
  bottom: calc(var(--sd-space-20) + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  z-index: var(--sd-z-float);
  display: flex;
  align-items: center;
  gap: var(--sd-space-2);
  padding: var(--sd-space-4);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-lg);
}


.sd-editor-canvas__zoom-step {
  display: flex;
  align-items: center;
  justify-content: center;
  
  width: 30px;
  height: 30px;
  flex: none;
  padding: 0;
  border: none;
  border-radius: var(--sd-radius-full);
  background: transparent;
  color: var(--sd-color-icon-strong);
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-editor-canvas__zoom-step .sd-icon {
  
  width: 16px;
  height: 16px;
}

.sd-editor-canvas__zoom-step:hover:not(:disabled) {
  background: var(--sd-color-surface-hover);
}

.sd-editor-canvas__zoom-step:disabled {
  color: var(--sd-color-icon-disabled);
  cursor: default;
}


.sd-editor-canvas__zoom-select {
  appearance: none;
  
  height: 30px;
  
  width: calc(72 * var(--sd-text-unit));
  padding: 0 var(--sd-space-4);
  border: none;
  border-radius: var(--sd-radius-full);
  background: transparent;
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
  color: var(--sd-color-text-strong);
  text-align: center;
  text-align-last: center;
  cursor: pointer;
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px), (any-pointer: coarse) {
  .sd-editor-canvas {
    --sd-canvas-keyboard: 1;
  }

  .sd-editor-canvas__zoom-select {
    font-size: var(--sd-text-entry);
    
    width: max(84px, calc(84 * var(--sd-text-unit)));
  }
}

.sd-editor-canvas__zoom-select:hover {
  background: var(--sd-color-surface-hover);
}




.sd-editor-canvas:has([data-sd-mode="signer"]) .sd-editor-canvas__documents {
  --sd-signer-gutter: clamp(var(--sd-space-16), var(--sd-space-16) + (100vw - 584px) / 8, var(--sd-space-48));
  gap: var(--sd-signer-gutter);
  padding: var(--sd-signer-gutter);
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {

  
  .sd-editor-canvas {
    --sd-canvas-phone: 1;
  }

  
  .sd-editor-canvas__documents {
    padding-inline: var(--sd-space-8);
  }

  .sd-editor-canvas__zoom-select {
    
    width: max(104px, calc(104 * var(--sd-text-unit)));
  }

  
  .sd-editor-canvas:has([data-sd-mode="signer"]) .sd-editor-canvas__documents {
    flex: none;
    gap: var(--sd-space-16);
    padding: var(--sd-space-16);
    padding-bottom: calc(var(--sd-space-16) + var(--sd-editor-foot, 0px) + env(safe-area-inset-bottom, 0px));
    scrollbar-gutter: auto;
  }

  .sd-editor-canvas:has([data-sd-mode="signer"]) .sd-editor-canvas__zoom {
    position: sticky;
    left: auto;
    bottom: calc(var(--sd-space-16) + var(--sd-editor-foot, 0px) + env(safe-area-inset-bottom, 0px));
    align-self: center;
    transform: none;
    margin-bottom: var(--sd-space-16);
  }

  .sd-editor-canvas:has([data-sd-mode="signer"]) .sd-editor-canvas__zoom-step,
  .sd-editor-canvas:has([data-sd-mode="signer"]) .sd-editor-canvas__zoom-select {
    
    height: var(--sd-target-touch);
    
    box-sizing: border-box;
    margin: 0;
    background-clip: border-box;
  }

  .sd-editor-canvas:has([data-sd-mode="signer"]) .sd-editor-canvas__zoom-step {
    padding: 0;
  }

  .sd-editor-canvas:has([data-sd-mode="signer"]) .sd-editor-canvas__zoom-select {
    padding: 0 var(--sd-space-4);
  }

  .sd-editor-canvas:has([data-sd-mode="signer"]) .sd-editor-canvas__zoom-step {
    
    width: var(--sd-target-touch);
  }
}




@media (any-pointer: coarse) {
  .sd-editor-canvas__zoom-step,
  .sd-editor-canvas__zoom-select {
    --sd-ec-reach: calc((var(--sd-target-touch) - 30px) / 2);
    box-sizing: content-box;
    background-clip: content-box;
    padding: var(--sd-ec-reach);
    margin: calc(-1 * var(--sd-ec-reach));
    
    outline-offset: calc(var(--sd-ring-offset) - var(--sd-ec-reach));
  }
}


.sd-editor-canvas__done[hidden] {
  display: none;
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-editor-canvas__done {
    position: fixed;
    right: calc(var(--sd-space-8) + env(safe-area-inset-right, 0px));
    
    bottom: calc(var(--sd-space-8) + var(--sd-editor-foot, 0px) + env(safe-area-inset-bottom, 0px));
    z-index: var(--sd-z-float);
    
    min-width: var(--sd-target-touch);
    height: var(--sd-target-touch);
    padding: 0 var(--sd-space-16);
    border: 0;
    border-radius: var(--sd-radius-full);
    background: var(--sd-color-action-primary);
    color: var(--sd-color-text-inverse);
    font-family: var(--sd-font);
    font-size: var(--sd-text-md);
    line-height: var(--sd-text-md-lh);
    font-weight: var(--sd-weight-semibold);
    box-shadow: var(--sd-shadow-lg);
    -webkit-user-select: none;
    user-select: none;
    touch-action: manipulation;
  }

  .sd-editor-canvas__done:hover {
    background: var(--sd-color-action-primary-hover);
  }

  
  .sd-editor-canvas[data-sd-keyboard] > .sd-editor-canvas__done {
    bottom: auto;
    top: var(--sd-keyboard-top, 100dvh);
    
    transform: translateY(calc(-100% - var(--sd-space-4)));
  }

  .sd-editor-canvas[data-sd-writing][data-sd-keyboard] > [role="toolbar"] {
    
    right: calc(72px + 2 * var(--sd-space-8));
  }
}





.sd-build-progress {
  display: flex;
  align-items: center;
  gap: var(--sd-space-16);
  padding: calc(var(--sd-space-16) - var(--sd-border-width)) calc(var(--sd-space-20) - var(--sd-border-width));
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-lg);
  box-shadow: var(--sd-shadow-lg);
  font-family: var(--sd-font);
}

.sd-build-progress__mark {
  display: inline-flex;
  flex-shrink: 0;
}


.sd-build-progress__done {
  width: 32px;
  height: 32px;
  color: var(--sd-color-icon-success);
}

.sd-build-progress__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--sd-space-2);
  min-width: 0;
}

.sd-build-progress__title {
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-md);
  font-weight: var(--sd-weight-bold);
  line-height: var(--sd-text-md-lh);
}

.sd-build-progress__detail {
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}

.sd-build-progress__action {
  display: inline-flex;
  flex-shrink: 0;
}


.sd-build-progress__failed {
  width: 32px;
  height: 32px;
  color: var(--sd-color-icon-error);
}


.sd-build-progress--banner {
  gap: var(--sd-space-12);
  padding: calc(var(--sd-space-12) - var(--sd-border-width)) calc(var(--sd-space-16) - var(--sd-border-width));
  background: var(--sd-color-surface-accent);
  border-color: var(--sd-color-border-accent);
  box-shadow: none;
}

.sd-build-progress--banner .sd-build-progress__done,
.sd-build-progress--banner .sd-build-progress__failed {
  width: var(--sd-space-20);
  height: var(--sd-space-20);
}


.sd-build-progress--banner.sd-build-progress--pending {
  background: var(--sd-color-surface-pending);
  border-color: var(--sd-color-border-pending);
}


.sd-build-progress--banner.sd-build-progress--note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--sd-space-12);
  padding: 0;
  background: none;
  border: 0;
}

.sd-build-progress--note .sd-build-progress__text {
  display: contents;
}

.sd-build-progress--note .sd-build-progress__detail {
  grid-column: 1 / -1;
  padding: var(--sd-space-12) var(--sd-space-16);
  border-radius: var(--sd-radius-md);
  background: var(--sd-color-surface-accent);
  color: var(--sd-color-text-default);
}

.sd-build-progress--note.sd-build-progress--pending .sd-build-progress__detail {
  background: var(--sd-color-status-warning-tint);
}






.sd-editor-shell {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  container: sd-editor-shell / inline-size;
}



@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-editor-shell {
    height: calc(100vh - var(--sd-action-bar-reserve, 0px));
    height: calc(100dvh - var(--sd-action-bar-reserve, 0px));
  }
}


.sd-editor-shell__work {
  
  --sd-side-w: 400px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
}


.sd-editor-shell__side {
  position: relative;
  display: flex;
  width: var(--sd-side-w);
  flex-shrink: 0;
  transition:
    margin-right var(--sd-duration-slow) var(--sd-easing-out),
    display var(--sd-duration-slow) allow-discrete;
}


.sd-editor-shell__side > .sd-panel--card {
  border-top: 0;
}


.sd-editor-shell__resize {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-1 * var(--sd-space-4));
  width: var(--sd-space-8);
  z-index: 3;
  cursor: col-resize;
  touch-action: none;
}

.sd-editor-shell__resize::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  
  left: 3px;
  width: var(--sd-ring-width);
  background: transparent;
  transition: background var(--sd-duration-base) var(--sd-easing);
}

.sd-editor-shell__resize:hover::after,
.sd-editor-shell__resize:focus-visible::after,
[data-sd-side-resizing] .sd-editor-shell__resize::after {
  background: var(--sd-color-border-focus);
}

.sd-editor-shell__resize:focus-visible {
  outline: none;
}

[data-sd-side-resizing],
[data-sd-side-resizing] * {
  cursor: col-resize !important;
  user-select: none !important;
}

[data-sd-side-resizing] .sd-editor-shell__side {
  transition: none !important;
}


.sd-editor-shell__work:where(:has(> .sd-editor-shell__side--wide)) {
  
  --sd-side-w: clamp(30rem, 100% - 584px, 34rem);
}


.sd-editor-shell__work:where(:has(.sd-insert-panel[data-sd-panel]):has(> .sd-editor-shell__side--wide)) {
  
  --sd-side-w: clamp(30rem, 100% - 884px, 34rem);
}

.sd-editor-shell__work:where(:not(:has(> .sd-insert-panel)):has(> .sd-editor-shell__side--wide)) {
  
  --sd-side-w: clamp(30rem, 100% - 504px, 34rem);
}


.sd-editor-shell__side:where(:not(.sd-editor-shell__side--wide)) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: calc(var(--sd-z-float) - 1);
  box-shadow: var(--sd-shadow-lg);
}

.sd-editor-shell__work:where(:has(> .sd-editor-shell__side:not(.sd-editor-shell__side--wide):not([data-sd-side="closed"])):not(:has(> .sd-editor-shell__side--wide:not([data-sd-side="closed"])))) {
  --sd-editor-cover: var(--sd-side-w);
}




@container sd-editor-shell (max-width: 999px) {
  .sd-editor-shell__work:where(:has(> .sd-missing-answers:not([hidden]))) {
    
    --sd-editor-cover: 20rem;
  }
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-editor-shell__work:where(:has(> .sd-missing-answers:not([hidden]))) {
    --sd-editor-cover: 0px;
    --sd-editor-foot: calc(var(--sd-target-touch) + 2 * var(--sd-space-8) + var(--sd-border-width));
  }
}


.sd-editor-shell__side[data-sd-side="closed"] {
  display: none;
  margin-right: calc(-1 * var(--sd-side-w));
  transition-timing-function: var(--sd-easing-in);
}

@starting-style {
  .sd-editor-shell__side[data-sd-side="open"] {
    margin-right: calc(-1 * var(--sd-side-w));
  }
}




@container sd-editor-shell (max-width: 1063px) {
  .sd-editor-shell__work:where(:has(> .sd-insert-panel)) > .sd-editor-shell__side--wide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: calc(var(--sd-z-float) - 1);
    box-shadow: var(--sd-shadow-lg);
  }

  .sd-editor-shell__work:where(:has(> .sd-insert-panel):has(> .sd-editor-shell__side--wide:not([data-sd-side="closed"]))) {
    --sd-editor-cover: var(--sd-side-w);
  }
}


@container sd-editor-shell (max-width: 1363px) {
  .sd-editor-shell__work:where(:has(.sd-insert-panel[data-sd-panel])) > .sd-editor-shell__side--wide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: calc(var(--sd-z-float) - 1);
    box-shadow: var(--sd-shadow-lg);
  }

  .sd-editor-shell__work:where(:has(.sd-insert-panel[data-sd-panel]):has(> .sd-editor-shell__side--wide:not([data-sd-side="closed"]))) {
    --sd-editor-cover: var(--sd-side-w);
  }
}


@container sd-editor-shell (max-width: 983px) {
  .sd-editor-shell__work:where(:not(:has(> .sd-insert-panel))) > .sd-editor-shell__side--wide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: calc(var(--sd-z-float) - 1);
    box-shadow: var(--sd-shadow-lg);
  }

  .sd-editor-shell__work:where(:not(:has(> .sd-insert-panel)):has(> .sd-editor-shell__side--wide:not([data-sd-side="closed"]))) {
    --sd-editor-cover: var(--sd-side-w);
  }
}




@media (any-pointer: coarse) {
  
  @container sd-editor-shell (max-width: 1331px) {
    .sd-editor-shell__work:where(:has(> .sd-insert-panel)) > .sd-editor-shell__side--wide {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: calc(var(--sd-z-float) - 1);
      box-shadow: var(--sd-shadow-lg);
    }

    .sd-editor-shell__work:where(:has(> .sd-insert-panel):has(> .sd-editor-shell__side--wide:not([data-sd-side="closed"]))) {
      --sd-editor-cover: var(--sd-side-w);
    }
  }

  
  @container sd-editor-shell (max-width: 1631px) {
    .sd-editor-shell__work:where(:has(.sd-insert-panel[data-sd-panel])) > .sd-editor-shell__side--wide {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: calc(var(--sd-z-float) - 1);
      box-shadow: var(--sd-shadow-lg);
    }

    .sd-editor-shell__work:where(:has(.sd-insert-panel[data-sd-panel]):has(> .sd-editor-shell__side--wide:not([data-sd-side="closed"]))) {
      --sd-editor-cover: var(--sd-side-w);
    }
  }

  
  @container sd-editor-shell (max-width: 1251px) {
    .sd-editor-shell__work:where(:not(:has(> .sd-insert-panel))) > .sd-editor-shell__side--wide {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: calc(var(--sd-z-float) - 1);
      box-shadow: var(--sd-shadow-lg);
    }

    .sd-editor-shell__work:where(:not(:has(> .sd-insert-panel)):has(> .sd-editor-shell__side--wide:not([data-sd-side="closed"]))) {
      --sd-editor-cover: var(--sd-side-w);
    }
  }
}




.sd-masthead-editor .sd-action-bar > [data-sd-preview-action] {
  display: none;
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-editor-shell:has(.sd-editor-document[data-sd-mode="preview"]) .sd-masthead-editor .sd-action-bar > [data-sd-preview-action] {
    display: inline-flex;
  }

  .sd-editor-shell:has(.sd-editor-document[data-sd-mode="preview"]) .sd-masthead-editor .sd-action-bar > :not([data-sd-preview-action]),
  .sd-editor-shell:has(.sd-editor-document[data-sd-mode="preview"]) .sd-editor-shell__work > .sd-insert-panel,
  .sd-editor-shell:has(.sd-editor-document[data-sd-mode="preview"]) .sd-editor-canvas > .sd-notifications:not(:has(.sd-preview-record)) {
    display: none;
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-editor-shell__work > .sd-editor-shell__side {
    position: fixed;
    top: auto;
    right: 0;
    
    bottom: var(--sd-action-bar-reserve, 0px);
    left: 0;
    width: auto;
    
    height: var(--sd-sheet-h, var(--sd-sheet-half));
    padding-bottom: max(0px, env(safe-area-inset-bottom, 0px) - var(--sd-action-bar-reserve, 0px));
    z-index: var(--sd-z-overlay);
  }

  .sd-editor-shell__work:where(:has(> .sd-editor-shell__side:not([data-sd-side="closed"]))) {
    --sd-editor-cover: 0px;
    --sd-editor-foot: var(--sd-sheet-half);
  }

  
  .sd-editor-shell__side > .sd-editor-shell__resize {
    display: none;
  }

  .sd-editor-shell__work:where(:has(> .sd-sheet--peek:not([data-sd-side="closed"]))) {
    --sd-editor-foot: var(--sd-sheet-peek);
  }

  .sd-editor-shell__work:where(:has(> .sd-sheet--full:not([data-sd-side="closed"]))) {
    --sd-editor-foot: var(--sd-sheet-full);
  }
}




@media (any-pointer: coarse) and (min-width: 584px) and (max-width: 983px) and (min-height: 500px) {
  .sd-editor-shell {
    --sd-shell-tablet: 1;
  }

  .sd-editor-shell__work > .sd-editor-shell__side:where(:not(.sd-editor-shell__side--wide)) {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: var(--sd-sheet-half);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    z-index: var(--sd-z-overlay);
    box-shadow: none;
  }

  .sd-editor-shell__work:where(:has(> .sd-editor-shell__side:not(.sd-editor-shell__side--wide):not([data-sd-side="closed"]))) {
    --sd-editor-cover: 0px;
    --sd-editor-foot: var(--sd-sheet-half);
  }

  .sd-editor-shell__work:where(:has(> .sd-editor-shell__side.sd-sheet--peek:not(.sd-editor-shell__side--wide):not([data-sd-side="closed"]))) {
    --sd-editor-foot: var(--sd-sheet-peek);
  }

  .sd-editor-shell__work:where(:has(> .sd-editor-shell__side.sd-sheet--full:not(.sd-editor-shell__side--wide):not([data-sd-side="closed"]))) {
    --sd-editor-foot: var(--sd-sheet-full);
  }

  .sd-editor-shell__side:where(:not(.sd-editor-shell__side--wide)) > .sd-editor-shell__resize {
    display: none;
  }
}




@container sd-editor-shell (max-width: 583px) {
  .sd-editor-shell__work:where(:has(> .sd-insert-panel)) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    grid-auto-rows: minmax(0, 1fr);
  }
}




@container sd-editor-shell (max-width: 883px) {
  .sd-editor-shell__work:where(:has(.sd-insert-panel[data-sd-panel])) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-rows: minmax(0, 1fr);
  }
}



@media (any-pointer: coarse) and (min-width: 584px) and (max-width: 983px) and (min-height: 500px) {
  .sd-editor-shell__work:where(:has(.sd-insert-panel[data-sd-panel])) {
    display: flex;
  }
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-editor-shell__work:where(:has(.sd-insert-panel[data-sd-panel])) {
    grid-template-rows: auto;
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {

  .sd-editor-shell:where(:has([data-sd-mode="signer"])) {
    flex-flow: row wrap;
    align-content: flex-start;
    height: auto;
    overflow: visible;
    overflow-x: clip;
  }

  .sd-editor-shell:where(:has([data-sd-mode="signer"])) > * {
    flex: 1 0 100%;
    min-width: 0;
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-editor-shell:where(:has(> .sd-editor-shell__work > .sd-editor-shell__side--wide):not(:has(> .sd-editor-shell__work > .sd-insert-panel))) {
    height: auto;
    overflow: visible;
    overflow-x: clip;
  }

  .sd-editor-shell__work:where(:not(:has(> .sd-insert-panel)):has(> .sd-editor-shell__side--wide)) {
    flex-direction: column;
    flex: none;
    --sd-editor-cover: 0px;
    --sd-editor-foot: 0px;
  }

  .sd-editor-shell__work:where(:not(:has(> .sd-insert-panel)):has(> .sd-editor-shell__side--wide)) > .sd-editor-shell__side--wide {
    position: static;
    order: -1;
    width: auto;
    height: auto;
    padding-bottom: 0;
    box-shadow: none;
    z-index: auto;
  }

  
  .sd-editor-shell__work:where(:not(:has(> .sd-insert-panel)):has(> .sd-editor-shell__side--wide)) > .sd-editor-canvas,
  .sd-editor-shell__work:where(:not(:has(> .sd-insert-panel)):has(> .sd-editor-shell__side--wide)) > * > .sd-editor-canvas,
  .sd-editor-shell__work:where(:not(:has(> .sd-insert-panel)):has(> .sd-editor-shell__side--wide)) .sd-editor-canvas__documents {
    flex: none;
    min-height: auto;
  }
}





.sd-insert-panel {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  
  width: 80px;
  height: 100%;
  min-height: 0;
  flex-shrink: 0;
  overflow: hidden;
  font-family: var(--sd-font);

  
  transition: width var(--sd-duration-slow) var(--sd-easing-in);
}


.sd-insert-panel[data-sd-panel] {
  width: 380px;
  transition-timing-function: var(--sd-easing-out);
}


.sd-insert-panel [hidden] {
  display: none;
}


.sd-insert-panel__panel {
  display: flex;
  flex-direction: column;
  
  width: 300px;
  min-height: 0;
  flex-shrink: 0;
  align-self: stretch;
  background: var(--sd-color-surface-default);
}

.sd-insert-panel:not([data-sd-panel]) .sd-insert-panel__panel,
.sd-insert-panel__panel:empty {
  display: none;
}


.sd-insert-panel__panel {
  transition: opacity var(--sd-duration-slow) var(--sd-easing-out);
}

@starting-style {
  .sd-insert-panel[data-sd-panel] .sd-insert-panel__panel {
    opacity: 0;
  }
}



.sd-insert-panel__filters {
  display: flex;
  flex-direction: row;
  height: var(--sd-control-sm);
  flex-shrink: 0;
  align-self: stretch;
  overflow: clip;
}




.sd-insert-panel__body {
  display: flex;
  flex-direction: column;
  padding: 0 0 var(--sd-space-20) 0;
  align-items: flex-start;
  flex: 1 0 0;
  min-height: 0;
  align-self: stretch;
  overflow-y: auto;
  background: var(--sd-color-surface-default);
  border-right: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-insert-panel__group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.sd-insert-panel__list {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-4);
  padding: var(--sd-space-16) calc(var(--sd-space-16) - var(--sd-border-width)) calc(var(--sd-space-16) - var(--sd-border-width)) var(--sd-space-16);
  align-items: flex-start;
  align-self: stretch;
  margin: 0;
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  list-style: none;
}

.sd-insert-panel__row {
  display: flex;
  align-self: stretch;
}




.sd-insert-panel__crumbs {
  display: flex;
  padding: var(--sd-space-16) calc(var(--sd-space-16) - var(--sd-border-width)) 0 var(--sd-space-16);
  align-items: center;
  align-self: stretch;
  min-width: 0;
}




.sd-insert-panel__empty {
  padding: var(--sd-space-16);
  align-self: stretch;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  color: var(--sd-color-text-muted);
}


.sd-insert-panel__folder-empty {
  margin: 0;
  padding: var(--sd-space-16) calc(var(--sd-space-16) - var(--sd-border-width)) calc(var(--sd-space-16) - var(--sd-border-width)) var(--sd-space-16);
  align-self: stretch;
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  color: var(--sd-color-text-muted);
}

.sd-insert-panel__folder-empty:not([hidden]) + .sd-insert-panel__list {
  display: none;
}







.sd-insert-panel .sd-search-field {
  align-self: stretch;
  padding: var(--sd-space-12) calc(var(--sd-space-20) - var(--sd-border-width)) calc(var(--sd-space-12) - var(--sd-border-width)) var(--sd-space-20);
  border: 0;
  border-right: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: 0;
}


.sd-insert-panel .sd-search-field:has(.sd-search-field__input:focus-visible) {
  outline-offset: var(--sd-ring-offset-inset);
}


.sd-insert-panel .sd-signer-picker {
  align-self: stretch;
  padding: var(--sd-space-12) calc(var(--sd-space-20) - var(--sd-border-width)) calc(var(--sd-space-12) - var(--sd-border-width)) var(--sd-space-20);
  border-right: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  background: var(--sd-color-surface-default);
}


.sd-insert-panel .sd-signer-picker__menu {
  left: calc(-1 * var(--sd-space-12));
  width: calc(100% + 2 * var(--sd-space-12));
}


@container sd-editor-shell (max-width: 883px) {
  .sd-insert-panel[data-sd-panel] {
    flex-direction: column;
    width: auto;
    height: auto;
    flex: 1 1 auto;
    min-height: 0;
  }

  .sd-insert-panel[data-sd-panel] .sd-insert-panel__panel {
    width: auto;
    flex: 1 1 auto;
  }
}


@container sd-editor-shell (max-width: 583px) {
  .sd-insert-panel {
    flex-direction: column;
    width: auto;
    height: auto;
  }
}




@media (any-pointer: coarse) and (min-width: 584px) and (max-width: 983px) and (min-height: 500px) {
  .sd-editor-shell__work > .sd-insert-panel[data-sd-panel] {
    flex-direction: row;
    
    width: 80px;
    height: 100%;
    flex: none;
    overflow: visible;
    z-index: var(--sd-z-float);
  }

  .sd-editor-shell__work > .sd-insert-panel[data-sd-panel] .sd-insert-panel__panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    
    width: 300px;
    flex: none;
    box-shadow: var(--sd-shadow-lg);
  }
}






@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-editor-shell__work > .sd-insert-panel[data-sd-panel] .sd-insert-panel__body {
    overscroll-behavior: contain;
  }
}


.sd-insert-panel__placed-group {
  display: flex;
  flex-direction: column;
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-insert-panel__placed-title {
  margin: 0;
  padding: var(--sd-space-8) var(--sd-space-16) var(--sd-space-4);
  font-family: var(--sd-font);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-semibold);
  color: var(--sd-color-text-muted);
}

.sd-insert-panel__placed-list {
  margin: 0;
  padding: 0 0 var(--sd-space-8);
  list-style: none;
}

.sd-insert-panel__placed {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  width: 100%;
  min-height: var(--sd-target-touch);
  padding: 0 var(--sd-space-16);
  border: 0;
  background: transparent;
  font-family: var(--sd-font);
  font-size: var(--sd-text-md);
  line-height: var(--sd-text-md-lh);
  color: var(--sd-color-text-default);
  text-align: left;
  cursor: pointer;
}

.sd-insert-panel__placed:hover {
  background: var(--sd-color-surface-hover);
}

.sd-insert-panel__placed:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
}

.sd-insert-panel__placed-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  
  width: 20px;
  height: 20px;
  border-radius: var(--sd-radius-full);
  background: var(--sd-signer-edge);
  color: var(--sd-color-text-inverse);
  font-size: var(--sd-text-xs);
  line-height: 1;
  font-weight: var(--sd-weight-semibold);
}

.sd-insert-panel__placed-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}





.sd-insert-menu {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-16);

  
  padding: var(--sd-space-20) calc(var(--sd-space-16) - var(--sd-border-width)) var(--sd-space-20) var(--sd-space-16);
  align-items: flex-start;
  
  width: 80px;
  flex-shrink: 0;
  align-self: stretch;
  background: var(--sd-color-surface-default);
  border-right: var(--sd-border-width) solid var(--sd-color-border-subtle);
}


@container sd-editor-shell (max-width: 583px) {
  .sd-insert-menu {
    flex-direction: row;
    width: auto;
    padding: var(--sd-space-16) var(--sd-space-20) calc(var(--sd-space-16) - var(--sd-border-width));
    border-right: 0;
    border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  }
}


@container sd-editor-shell (max-width: 883px) {
  .sd-insert-panel[data-sd-panel] .sd-insert-menu {
    flex-direction: row;
    width: auto;
    padding: var(--sd-space-16) var(--sd-space-20) calc(var(--sd-space-16) - var(--sd-border-width));
    border-right: 0;
    border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  }
}

.sd-insert-menu__button {
  display: flex;
  padding: var(--sd-space-12);
  align-items: flex-start;
  background: var(--sd-color-surface-default);
  border: 0;
  border-radius: var(--sd-radius-lg);
  overflow: clip;
  color: var(--sd-color-icon-muted);
  cursor: pointer;
  transition:
    background-color var(--sd-duration-base) var(--sd-easing),
    color var(--sd-duration-base) var(--sd-easing);
}

.sd-insert-menu__icon {
  width: var(--sd-icon-lg);
  height: var(--sd-icon-lg);
  flex-shrink: 0;
  overflow: clip;
}

.sd-insert-menu__button:hover {
  background: var(--sd-color-surface-selected);
  color: var(--sd-color-text-accent);
}

.sd-insert-menu__button[aria-pressed="true"] {
  
  padding: calc(var(--sd-space-12) - 2px);
  background: var(--sd-color-surface-selected);
  border: 2px solid var(--sd-color-border-accent);
  color: var(--sd-color-text-accent);
}


@media (forced-colors: active) {
  .sd-insert-menu__button[aria-pressed="true"] {
    forced-color-adjust: none;
    background: Highlight;
    border-color: Highlight;
    color: HighlightText;
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  :root:has(.sd-action-bar):has(.sd-editor-shell .sd-insert-menu) {
    
    --sd-action-bar-lead: calc(3 * var(--sd-target-touch) + 2 * var(--sd-space-4) + var(--sd-space-12));
  }

  :root:has(.sd-action-bar) .sd-editor-shell .sd-insert-menu {
    position: fixed;
    inset-inline-start: 0;
    bottom: 0;
    z-index: calc(var(--sd-z-float) + 1);
    flex-direction: row;
    align-items: center;
    gap: var(--sd-space-4);
    width: auto;
    height: auto;
    padding: var(--sd-space-8) 0 calc(var(--sd-space-8) + env(safe-area-inset-bottom, 0px))
             calc(var(--sd-space-12) + env(safe-area-inset-left, 0px));
    border: 0;
    background: transparent;
  }

  
  :root:has(.sd-action-bar) .sd-editor-shell .sd-insert-menu__button {
    padding: calc((var(--sd-target-touch) - var(--sd-icon-lg)) / 2);
  }
}





.sd-pane-header {
  display: flex;
  gap: var(--sd-space-20);
  padding: var(--sd-space-8) calc(var(--sd-space-20) - var(--sd-border-width)) calc(var(--sd-space-8) - var(--sd-border-width)) var(--sd-space-20);
  align-items: center;
  min-height: var(--sd-title-bar);
  width: 100%;
  flex-shrink: 0;
  background: var(--sd-color-surface-default);
  border-right: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-weight: var(--sd-weight-bold);
}

.sd-pane-header__label {
  font-size: var(--sd-text-md);
  line-height: var(--sd-text-md-lh);
}





.sd-signer-picker {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-4);
  font-family: var(--sd-font);
}


.sd-signer-picker__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-4);
  min-width: 0;
}

.sd-signer-picker__caption {
  margin: 0;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-medium);
  color: var(--sd-color-text-muted);
}


.sd-signer-picker__control {
  position: relative;
}


.sd-signer-picker__face {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  padding: calc(var(--sd-space-8) - var(--sd-border-width)) calc(var(--sd-space-12) - var(--sd-border-width));
  border: var(--sd-border-width) solid var(--sd-color-border-default);
  border-radius: var(--sd-radius-md);
  background: var(--sd-color-surface-default);
  cursor: pointer;
  transition: border-color     var(--sd-duration-base) var(--sd-easing),
              background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-signer-picker__mark {
  display: inline-grid;
  place-items: center;
  
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 3px;
  background: var(--sd-signer-edge, var(--sd-color-signer-none-edge));
  color: var(--sd-signer-ink, var(--sd-color-text-inverse));
  
  font-size: var(--sd-text-3xs);
  font-weight: var(--sd-weight-bold);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.sd-signer-picker__name {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  color: var(--sd-color-text-strong);
}

.sd-signer-picker__chevron {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-muted);
  transition: transform var(--sd-duration-base) var(--sd-easing);
}



.sd-signer-picker__face:hover {
  border-color: var(--sd-color-border-hover);
  background: var(--sd-color-surface-hover);
}


.sd-signer-picker__control[open] .sd-signer-picker__face {
  border-color: var(--sd-color-border-hover);
}
.sd-signer-picker__control[open] .sd-signer-picker__chevron {
  transform: rotate(180deg);
}




.sd-signer-picker--field .sd-signer-picker__face {
  min-height: var(--sd-control-lg);
  padding: calc(14px - var(--sd-border-width));
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-subtle);
}


.sd-signer-picker--field .sd-signer-picker__face:hover,
.sd-signer-picker--field .sd-signer-picker__control[open] .sd-signer-picker__face {
  border-color: var(--sd-color-border-default);
  background: var(--sd-color-surface-subtle);
}


.sd-signer-picker--field .sd-signer-picker__face:focus-visible {
  border-color: var(--sd-color-border-strong);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}




.sd-signer-picker__menu {
  position: absolute;
  top: calc(100% + var(--sd-space-4));
  left: 0;
  
  width: max(100%, 20rem);
  z-index: var(--sd-z-float);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-4);
  padding: calc(var(--sd-space-4) - var(--sd-border-width));
  border: var(--sd-popup-border);
  border-radius: var(--sd-popup-radius);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-popup-shadow);
}

.sd-signer-picker--field .sd-signer-picker__menu {
  left: auto;
  right: 0;
}

.sd-signer-picker__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-4);
}


.sd-signer-picker__menu {
  opacity: 0;
  translate: 0 calc(-1 * var(--sd-space-4));
  transition:
    opacity   var(--sd-duration-fast) var(--sd-easing-in),
    translate var(--sd-duration-fast) var(--sd-easing-in),
    display   var(--sd-duration-fast) allow-discrete,
    overlay   var(--sd-duration-fast) allow-discrete;
}

.sd-signer-picker__control[open] > .sd-signer-picker__menu {
  opacity: 1;
  translate: none;
  transition-timing-function: var(--sd-easing-out);
}

@starting-style {
  .sd-signer-picker__control[open] > .sd-signer-picker__menu {
    opacity: 0;
    translate: 0 calc(-1 * var(--sd-space-4));
  }
}


.sd-signer-picker__control::details-content {
  transition: content-visibility var(--sd-duration-fast) allow-discrete;
}




.sd-signer-picker__filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-4);
  padding: 0 var(--sd-space-4) 0 var(--sd-space-8);
  border: var(--sd-border-width) solid var(--sd-color-border-default);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
}

.sd-signer-picker__filter:focus-within {
  border-color: var(--sd-color-border-focus);
}

.sd-signer-picker__filter-icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-muted);
}


.sd-signer-picker__filter-input {
  flex: 1 1 0;
  min-width: 0;
  padding: var(--sd-space-4) 0;
  border: 0;
  background: transparent;
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}
.sd-signer-picker__filter-input::placeholder { color: var(--sd-color-text-placeholder); }

.sd-signer-picker__filter-input:focus-visible { outline: none; }

.sd-signer-picker__filter-clear {
  display: inline-grid;
  place-items: center;
  
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  padding: 1px;
  margin: -1px;
  border: 0;
  border-radius: calc(var(--sd-radius-sm) + 1px);
  background: transparent;
  background-clip: content-box;
  color: var(--sd-color-icon-muted);
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              color            var(--sd-duration-base) var(--sd-easing);
}

.sd-signer-picker__filter-clear:hover {
  background-color: var(--sd-color-surface-hover);
  color: var(--sd-color-icon-strong);
}

.sd-signer-picker__filter-clear:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: calc(var(--sd-ring-offset-inset) - 1px);
}

.sd-signer-picker__filter-clear-icon { width: var(--sd-icon-sm); height: var(--sd-icon-sm); }




.sd-signer-picker__add-rule {
  width: 100%;
  margin: 0;
  border: 0;
  border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-signer-picker__add {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  width: 100%;
  padding: var(--sd-space-4) var(--sd-space-8);
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-text-accent);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  text-align: left;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}
.sd-signer-picker__add:hover { background: var(--sd-color-surface-hover); }
.sd-signer-picker__add:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}

.sd-signer-picker__add-icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
}

.sd-signer-picker__add-text {
  flex: 1 1 0;
  min-width: 0;
}


.sd-signer-picker__add[disabled] {
  color: var(--sd-color-text-disabled);
  cursor: default;
}
.sd-signer-picker__add[disabled]:hover { background: transparent; }


.sd-signer-picker__add-input {
  width: 100%;
  padding: calc(var(--sd-space-4) - var(--sd-border-width)) calc(var(--sd-space-8) - var(--sd-border-width));
  border: var(--sd-border-width) solid var(--sd-color-border-strong);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}
.sd-signer-picker__add-input::placeholder { color: var(--sd-color-text-placeholder); }
.sd-signer-picker__add-input:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}




.sd-signer-picker__note {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  padding: var(--sd-space-4) var(--sd-space-4) var(--sd-space-4) var(--sd-space-8);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-selected);
  color: var(--sd-color-text-accent);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-medium);
}


.sd-signer-picker__note[hidden] {
  display: none;
}


.sd-signer-picker__note-icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-accent);
}

.sd-signer-picker__note-text {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sd-signer-picker__note-clear {
  display: inline-grid;
  place-items: center;
  
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  padding: 2px;
  margin: -2px;
  border: 0;
  border-radius: calc(var(--sd-radius-sm) + 2px);
  background: transparent;
  background-clip: content-box;
  color: inherit;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-signer-picker__note-clear:hover { background-color: var(--sd-color-surface-default); }
.sd-signer-picker__note-clear:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: calc(var(--sd-ring-offset-inset) - 2px);
}

.sd-signer-picker__note-clear-icon { width: var(--sd-icon-sm); height: var(--sd-icon-sm); }





@media (forced-colors: active) {

  .sd-signer-picker__mark {
    forced-color-adjust: none;
    background: CanvasText;
    color: Canvas;
  }

  .sd-signer-picker__face { border-color: CanvasText; }

  .sd-signer-picker__menu {
    background: Canvas;
    border-color: CanvasText;
  }

  .sd-signer-picker__note {
    border: var(--sd-border-width) solid CanvasText;
    color: Highlight;
  }
  
  .sd-signer-picker__filter-clear:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: calc(var(--sd-ring-offset) - 1px);
  }
  .sd-signer-picker__note-clear:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: calc(var(--sd-ring-offset) - 2px);
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px), (any-pointer: coarse) {
  .sd-signer-picker__filter-input,
  .sd-signer-picker__add-input {
    font-size: var(--sd-text-entry);
  }
}




@media (any-pointer: coarse) {
  .sd-signer-picker__face {
    min-height: var(--sd-target-touch);
  }
}





.sd-signer-picker-option {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: var(--sd-radius-sm);
  font-family: var(--sd-font);
}


.sd-signer-picker-option[hidden] { display: none; }



.sd-signer-picker-option__pick {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  flex: 1 1 0;
  min-width: 0;
  padding: var(--sd-space-4) var(--sd-space-8);
  border-radius: var(--sd-radius-sm);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  cursor: pointer;
  transition: color var(--sd-duration-base) var(--sd-easing);
}



.sd-signer-picker-option__mark {
  display: inline-grid;
  place-items: center;
  
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 3px;
  background: var(--sd-signer-edge, var(--sd-color-signer-none-edge));
  color: var(--sd-signer-ink, var(--sd-color-text-inverse));
  
  font-size: var(--sd-text-3xs);
  font-weight: var(--sd-weight-bold);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.sd-signer-picker-option__name {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.sd-signer-picker-option__count {
  flex-shrink: 0;
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-variant-numeric: tabular-nums;
}


.sd-signer-picker-option__warning {
  display: none;
  flex-shrink: 0;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-semibold);
}

.sd-signer-picker-option__check {
  display: none;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-accent);
}



.sd-signer-picker-option__isolate {
  display: inline-grid;
  place-items: center;
  
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  margin-inline-end: var(--sd-space-4);
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-icon-muted);
  font: inherit;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              color            var(--sd-duration-base) var(--sd-easing);
}

.sd-signer-picker-option__eye {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
}




.sd-signer-picker-option__edit {
  display: inline-grid;
  place-items: center;
  
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  margin-inline-end: var(--sd-space-4);
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-icon-muted);
  font: inherit;
  cursor: pointer;
  opacity: 0;
  transition: opacity          var(--sd-duration-base) var(--sd-easing),
              background-color var(--sd-duration-base) var(--sd-easing),
              color            var(--sd-duration-base) var(--sd-easing);
}


.sd-signer-picker-option:has(.sd-signer-picker-option__edit) .sd-signer-picker-option__isolate { margin-inline-end: 0; }

.sd-signer-picker-option__pencil {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
}




.sd-signer-picker-option:hover,
.sd-signer-picker-option:focus-within { background: var(--sd-color-surface-hover); }

.sd-signer-picker-option:focus-within .sd-signer-picker-option__pick {
  color: var(--sd-color-text-strong);
}


.sd-signer-picker-option:has(> .sd-signer-picker-option__pick > .sd-signer-picker-option__input:focus-visible) > .sd-signer-picker-option__pick,
.sd-signer-picker-option__isolate:focus-visible,
.sd-signer-picker-option__edit:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
}


.sd-signer-picker-option:has(> .sd-signer-picker-option__pick > .sd-signer-picker-option__input:checked) .sd-signer-picker-option__check {
  display: block;
}
.sd-signer-picker-option:has(> .sd-signer-picker-option__pick > .sd-signer-picker-option__input:checked) .sd-signer-picker-option__name {
  color: var(--sd-color-text-strong);
  font-weight: var(--sd-weight-semibold);
}


.sd-signer-picker-option:hover .sd-signer-picker-option__edit,
.sd-signer-picker-option:focus-within .sd-signer-picker-option__edit { opacity: 1; }


.sd-signer-picker-option__isolate:hover,
.sd-signer-picker-option__edit:hover {
  background: var(--sd-color-surface-subtle-hover);
  color: var(--sd-color-icon-strong);
}


.sd-signer-picker-option__isolate[aria-pressed="true"] {
  background: var(--sd-color-surface-selected);
  color: var(--sd-color-icon-accent);
}
.sd-signer-picker-option__isolate[aria-pressed="true"]:hover {
  background: var(--sd-color-surface-selected-active);
}


.sd-signer-picker-option[data-sd-fields="0"] .sd-signer-picker-option__count,
.sd-signer-picker-option[data-sd-fields="0"] .sd-signer-picker-option__unit { display: none; }
.sd-signer-picker-option[data-sd-fields="0"] .sd-signer-picker-option__warning { display: block; }
.sd-signer-picker-option[data-sd-fields="0"] .sd-signer-picker-option__warning,
.sd-signer-picker-option[data-sd-fields="0"] .sd-signer-picker-option__name {
  color: var(--sd-color-text-error);
}





@media (forced-colors: active) {

  .sd-signer-picker-option__mark {
    forced-color-adjust: none;
    background: CanvasText;
    color: Canvas;
  }

  .sd-signer-picker-option:hover,
  .sd-signer-picker-option:focus-within { outline: var(--sd-border-width) solid CanvasText; }

  .sd-signer-picker-option__isolate[aria-pressed="true"] {
    border: var(--sd-border-width) solid CanvasText;
    color: Highlight;
  }

  .sd-signer-picker-option:has(> .sd-signer-picker-option__pick > .sd-signer-picker-option__input:focus-visible) > .sd-signer-picker-option__pick,
  .sd-signer-picker-option__isolate:focus-visible,
  .sd-signer-picker-option__edit:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset-inset);
  }
}




@media (hover: none) {
  .sd-signer-picker-option__edit { opacity: 1; }
}





.sd-search-field {
  display: flex;
  gap: var(--sd-space-8);

  
  padding: calc(var(--sd-space-12) - var(--sd-border-width));
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-sm);
  overflow: clip;
  color: var(--sd-color-text-placeholder);
  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  transition: border-color var(--sd-duration-base) var(--sd-easing);
}

.sd-search-field__content {
  display: flex;
  gap: var(--sd-space-8);
  align-items: center;
  flex: 1 0 0;
  min-width: 0;
}

.sd-search-field__input {
  -webkit-appearance: none;
  appearance: none;
  flex: 1 0 0;
  min-width: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: none;
  box-shadow: none;
  font-family: inherit;
  font-size: var(--sd-text-sm);
  font-weight: inherit;
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-strong);
}

.sd-search-field__input::placeholder {
  color: var(--sd-color-text-placeholder);
}


.sd-search-field__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}


.sd-search-field__icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  overflow: clip;
  color: var(--sd-color-icon-subtle);
}

.sd-search-field:hover {
  border-color: var(--sd-color-border-default);
  cursor: pointer;
}

.sd-search-field:hover .sd-search-field__icon {
  color: var(--sd-color-icon-muted);
}


.sd-search-field:has(.sd-search-field__input:focus-visible) {
  border-color: var(--sd-color-border-strong);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}

.sd-search-field:has(.sd-search-field__input:focus-visible) .sd-search-field__icon {
  color: var(--sd-color-icon-strong);
}


@media (forced-colors: active) {
  .sd-search-field:has(.sd-search-field__input:focus-visible) {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}


.sd-search-field:has(.sd-search-field__input:disabled),
.sd-search-field:hover:has(.sd-search-field__input:disabled) {
  background: var(--sd-color-surface-disabled);
  border-color: var(--sd-color-border-subtle);
  cursor: default;
}

.sd-search-field__input:disabled,
.sd-search-field__input:disabled::placeholder {
  color: var(--sd-color-text-disabled);
  cursor: default;
}

.sd-search-field:has(.sd-search-field__input:disabled) .sd-search-field__icon {
  color: var(--sd-color-icon-disabled);
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px), (any-pointer: coarse) {
  .sd-search-field__input {
    font-size: var(--sd-text-entry);
  }
}




@media (any-pointer: coarse) {
  .sd-search-field__input {
    --sd-sf-reach: calc((var(--sd-target-touch) - var(--sd-text-sm-lh)) / 2);
    padding-block: var(--sd-sf-reach);
    margin-block: calc(-1 * var(--sd-sf-reach));
  }
}





.sd-code-input {
  position: relative;
  display: flex;
  gap: var(--sd-space-12);
  width: 100%;
  
  max-width: calc(6 * 4rem + 5 * var(--sd-space-12) + 2 * (var(--sd-ring-width) + var(--sd-ring-offset)));
  box-sizing: border-box;
  
  padding: calc(var(--sd-ring-width) + var(--sd-ring-offset));
  container-type: inline-size;
  font-family: var(--sd-font);
}


.sd-code-input__input {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  inset: 0;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: transparent;
  caret-color: transparent;
  opacity: 0;
  outline: none;
  cursor: text;
  
  font-size: var(--sd-text-md);
}

.sd-code-input__cells {
  display: contents;
}

.sd-code-input__cell {
  display: flex;
  align-items: center;
  justify-content: center;
  
  flex: 1 1 0;
  
  max-width: 4rem;
  min-width: 0;
  aspect-ratio: 1;
  box-sizing: border-box;
  border: var(--sd-border-width) solid var(--sd-color-border-strong);
  border-radius: var(--sd-radius-lg);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-sm);
  color: var(--sd-color-text-accent);
  
  font-size: min(3rem, calc(12.5cqi - 7.5px));
  font-weight: var(--sd-weight-medium);
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  transition: border-color var(--sd-duration-base) var(--sd-easing);
}


.sd-code-input__cell:not([data-sd-filled])::before {
  content: "-";
  color: var(--sd-color-text-disabled);
}


.sd-code-input__cell[data-sd-filled] {
  border-width: calc(2 * var(--sd-border-width));
  border-color: var(--sd-color-border-accent-strong);
}


.sd-code-input:has(.sd-code-input__input:focus-visible) .sd-code-input__cell:not([data-sd-filled]):not(.sd-code-input__cell:not([data-sd-filled]) ~ .sd-code-input__cell),
.sd-code-input:has(.sd-code-input__input:focus-visible) .sd-code-input__cell[data-sd-filled]:last-child {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}

.sd-code-input:hover .sd-code-input__cell:not([data-sd-filled]) {
  border-color: var(--sd-color-border-hover);
}


@media (forced-colors: active) {
  .sd-code-input:has(.sd-code-input__input:focus-visible) .sd-code-input__cell:not([data-sd-filled]):not(.sd-code-input__cell:not([data-sd-filled]) ~ .sd-code-input__cell),
  .sd-code-input:has(.sd-code-input__input:focus-visible) .sd-code-input__cell[data-sd-filled]:last-child {
    outline: var(--sd-ring-width) solid CanvasText;
  }
}





.sd-code-resend {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: var(--sd-space-4);
  margin: 0;
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-muted);
}


.sd-code-resend:focus {
  outline: none;
}


.sd-code-resend__prompt,
.sd-code-resend__wait {
  white-space: nowrap;
}


.sd-code-resend__status {
  position: absolute;
  
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}


.sd-code-resend__time {
  font-variant-numeric: tabular-nums;
}

.sd-code-resend__action {
  display: none;
}

.sd-code-resend[data-sd-resend-ready] .sd-code-resend__wait {
  display: none;
}

.sd-code-resend[data-sd-resend-ready] .sd-code-resend__action {
  display: inline-flex;
}





.sd-section-header {
  display: flex;
  gap: var(--sd-space-16);
  padding: var(--sd-space-12) var(--sd-space-20) calc(var(--sd-space-12) - var(--sd-border-width)) var(--sd-space-20);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  background: transparent;
  border: 0;
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  font-family: var(--sd-font);
  font-weight: var(--sd-weight-bold);
  text-align: left;
  cursor: pointer;
}

.sd-section-header__label {
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-muted);
  flex: 1 0 0;
  transition: color var(--sd-duration-base) var(--sd-easing);
}

.sd-section-header__chevron {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  overflow: clip;
  color: var(--sd-color-icon-muted);
  transition: transform var(--sd-duration-base) var(--sd-easing);
}

.sd-section-header[aria-expanded="true"] .sd-section-header__label {
  color: var(--sd-color-text-strong);
}

.sd-section-header[aria-expanded="true"] .sd-section-header__chevron {
  transform: rotate(90deg);
}

.sd-section-header:focus-visible {
  
  outline-offset: var(--sd-ring-offset-inset);
}

.sd-section-header:disabled {
  cursor: default;
}


.sd-section-header:disabled .sd-section-header__label {
  color: var(--sd-color-text-disabled);
}
.sd-section-header:disabled .sd-section-header__chevron {
  color: var(--sd-color-icon-disabled);
}





.sd-objects-menu-item {
  --sd-omi-bg:            var(--sd-color-surface-sunken);
  --sd-omi-bd:            var(--sd-color-border-subtle);
  --sd-omi-label:         var(--sd-color-text-muted);
  --sd-omi-icon:          var(--sd-color-icon-muted);
  --sd-omi-shadow:        none;

  --sd-omi-hover-bg:      var(--sd-color-surface-default);
  --sd-omi-hover-bd:      var(--sd-color-border-default);
  --sd-omi-hover-shadow:  var(--sd-drop-shadow-xs);

  --sd-omi-active-bg:     var(--sd-color-surface-selected);
  --sd-omi-active-bd:     var(--sd-color-border-accent-strong);
  --sd-omi-active-shadow: var(--sd-drop-shadow-sm);

  display: flex;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  background: var(--sd-omi-bg);
  border: var(--sd-border-width) solid var(--sd-omi-bd);
  border-radius: var(--sd-radius-sm);
  filter: var(--sd-omi-shadow);
  color: var(--sd-omi-label);
  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  text-align: left;
  cursor: pointer;
  transition:
    background-color var(--sd-duration-base) var(--sd-easing),
    border-color var(--sd-duration-base) var(--sd-easing);
}

.sd-objects-menu-item__content {
  display: flex;
  gap: var(--sd-space-8);

  
  padding: calc(var(--sd-space-8) - var(--sd-border-width)) var(--sd-space-12);
  align-items: center;
  flex: 1 0 0;
  min-width: 0;
}

.sd-objects-menu-item__icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  overflow: clip;
  color: var(--sd-omi-icon);
}

.sd-objects-menu-item__label {
  flex: 1 0 0;
  min-width: 0;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.sd-objects-menu-item__chevron {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  overflow: clip;
  color: var(--sd-omi-icon);
}

.sd-objects-menu-item__lock {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  overflow: clip;
  color: var(--sd-color-icon-subtle);
}




.sd-objects-menu-item--variable {
  --sd-omi-hover-shadow:  none;
  --sd-omi-active-bg:     var(--sd-color-object-data-surface);
  --sd-omi-active-bd:     var(--sd-color-object-data-border);
  --sd-omi-active-shadow: none;
}

.sd-objects-menu-item--variable:hover {
  --sd-omi-icon: var(--sd-color-icon-strong);
}


.sd-objects-menu-item--variable.sd-objects-menu-item--folder {
  --sd-omi-active-bg:     var(--sd-color-surface-default);
  --sd-omi-active-bd:     var(--sd-color-border-strong);
}

.sd-objects-menu-item--field {
  --sd-omi-active-bg: var(--sd-color-object-field-surface);
  --sd-omi-active-bd: var(--sd-color-object-field-border);
}

.sd-objects-menu-item--upgrade {
  --sd-omi-label: var(--sd-color-text-disabled);
  --sd-omi-icon:  var(--sd-color-icon-disabled);
  cursor: default;
}



.sd-objects-menu-item:hover:not([aria-disabled="true"]) {
  --sd-omi-bg:     var(--sd-omi-hover-bg);
  --sd-omi-bd:     var(--sd-omi-hover-bd);
  --sd-omi-label:  var(--sd-color-text-strong);
  --sd-omi-shadow: var(--sd-omi-hover-shadow);
}

.sd-objects-menu-item:active:not([aria-disabled="true"]) {
  --sd-omi-bg:     var(--sd-omi-active-bg);
  --sd-omi-bd:     var(--sd-omi-active-bd);
  --sd-omi-label:  var(--sd-color-text-strong);
  --sd-omi-icon:   var(--sd-color-icon-strong);
  --sd-omi-shadow: var(--sd-omi-active-shadow);
}

.sd-objects-menu-item[aria-disabled="true"] {
  cursor: default;
}


@media (forced-colors: active) {

  .sd-objects-menu-item[aria-disabled="true"] .sd-objects-menu-item__label,
  .sd-objects-menu-item[aria-disabled="true"] .sd-objects-menu-item__icon,
  .sd-objects-menu-item__lock {
    color: GrayText;
  }
}




@media (any-pointer: coarse) {
  .sd-objects-menu-item {
    min-height: var(--sd-target-touch);
  }
}





.sd-filter-chip {
  display: flex;
  gap: var(--sd-space-8);

  
  padding: var(--sd-space-8) calc(var(--sd-space-16) - var(--sd-border-width)) calc(var(--sd-space-8) - var(--sd-border-width)) var(--sd-space-16);
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  min-width: 0;
  align-self: stretch;
  background: var(--sd-color-surface-sunken);
  border: 0;
  border-right: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  color: var(--sd-color-text-muted);
  font-family: var(--sd-font);
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-xs-lh);
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-filter-chip__label {
  white-space: nowrap;
}

.sd-filter-chip__icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  overflow: clip;
}


.sd-filter-chip:hover {
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-default);
}

.sd-filter-chip[aria-pressed="true"] {
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-strong);
}

.sd-filter-chip:focus-visible {
  
  outline-offset: var(--sd-ring-offset-inset);
}


@media (forced-colors: active) {
  .sd-filter-chip[aria-pressed="true"] {
    forced-color-adjust: none;
    background: Highlight;
    color: HighlightText;
  }
}




@media (any-pointer: coarse) {
  .sd-filter-chip {
    min-height: var(--sd-target-touch);
  }
}





.sd-masthead {
  
  container: sd-masthead / inline-size;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: var(--sd-color-surface-default);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-masthead__content {
  display: flex;
  flex-direction: row;
  align-items: center;

  
  justify-content: safe center;

  
  flex-wrap: wrap;
  gap: var(--sd-space-12) var(--sd-space-24);

  flex: 1 1 auto;
  min-width: 0;

  
  overflow-x: auto;
  overflow-y: hidden;

  
  padding: var(--sd-space-24) var(--sd-space-24)
           calc(var(--sd-space-24) - 1px) var(--sd-space-24);
}


.sd-masthead--page-column .sd-masthead__content {
  box-sizing: border-box;
  max-width: var(--sd-page-max);
}



.sd-masthead__left {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--sd-space-12);
  flex: 1 1 0;
  min-width: fit-content;
}


.sd-masthead__center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--sd-space-24);
  flex: 0 1 auto;
  min-width: fit-content;
}


.sd-masthead__center .sd-pill-tabs {
  flex-wrap: wrap;
}

.sd-masthead__right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: var(--sd-space-24);
  flex: 1 1 0;
  min-width: fit-content;
}

.sd-masthead__utilities {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: var(--sd-space-24);
}



.sd-masthead .sd-sdocs-logo {
  
  height: 32px;
}





.sd-masthead__utilities .sd-text-link__icon {
  color: var(--sd-color-icon-subtle);
}



.sd-masthead .sd-badge-plantype {
  padding-block: var(--sd-space-2);
}



.sd-masthead__menu {
  display: none;
}




@container sd-masthead (max-width: 1100px) {
  .sd-masthead__content {
    --sd-mh-edge-start: var(--sd-space-16);
    --sd-mh-edge-end: var(--sd-space-8);
    gap: 0;
    padding: var(--sd-space-8) var(--sd-mh-edge-end)
             calc(var(--sd-space-8) - 1px) var(--sd-mh-edge-start);
  }

  
  .sd-masthead__menu {
    display: flex;
    flex: 0 0 auto;
    order: 1;
    margin-inline-start: auto;
  }

  .sd-masthead__left {
    gap: var(--sd-space-8);
  }

  
  .sd-masthead .sd-sdocs-logo {
    height: 24px;
  }

  .sd-masthead__right,
  .sd-masthead__utilities,
  .sd-masthead .sd-user-avatar {
    display: contents;
  }

  
  .sd-masthead .sd-user-avatar__trigger {
    display: none;
  }

  
  .sd-masthead__center,
  .sd-masthead .sd-user-avatar__menu,
  .sd-masthead__utilities > .sd-text-link {
    display: none;
    flex: 1 0 100%;
    margin-inline: calc(-1 * var(--sd-mh-edge-start)) calc(-1 * var(--sd-mh-edge-end));
    border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
  }
  .sd-masthead__center { order: 2; }
  .sd-masthead .sd-user-avatar__menu { order: 3; }
  .sd-masthead__utilities > .sd-text-link { order: 4; }

  .sd-masthead[data-sd-menu-open] .sd-masthead__center {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-top: var(--sd-space-8);
    padding-block: var(--sd-space-8);
  }

  

  
  .sd-masthead__center .sd-pill-tabs {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: auto;
    padding: 0;
    margin: 0;
  }

  
  .sd-masthead__center .sd-pill-tabs__item {
    --sd-tab-fg: var(--sd-color-text-default);
    justify-content: flex-start;
    
    min-height: var(--sd-target-touch);
    padding: 0 var(--sd-space-16);
    border: 0;
    border-radius: 0;
    font-size: var(--sd-text-md);
    line-height: var(--sd-text-md-lh);
    font-weight: var(--sd-weight-medium);
  }

  .sd-masthead__center .sd-pill-tabs__item:hover:not(:active) {
    --sd-tab-bg: var(--sd-color-surface-hover);
  }

  
  .sd-masthead__center .sd-pill-tabs__item[aria-current]:not([aria-current="false"]),
  .sd-masthead__center .sd-pill-tabs__item[aria-current]:not([aria-current="false"]):hover {
    --sd-tab-fg: var(--sd-color-text-accent);
    --sd-tab-bg: var(--sd-color-surface-selected-active);
    font-weight: var(--sd-weight-semibold);
    
    box-shadow: inset 4px 0 0 var(--sd-color-action-primary);
  }

  .sd-masthead__center .sd-pill-tabs__item:focus-visible {
    outline-offset: var(--sd-ring-offset-inset);
  }

  
  .sd-masthead__center .sd-pill-tabs__indicator {
    display: none;
  }

  

  
  .sd-masthead[data-sd-menu-open] .sd-user-avatar__menu {
    display: block;
    position: static;
    width: auto;
    margin-block: 0;
    padding-block: var(--sd-space-8);
    opacity: 1;
    translate: none;
    transition: none;
  }

  
  .sd-masthead .sd-account-menu {
    min-width: 0;
    width: auto;
    max-width: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .sd-masthead .sd-account-menu__header {
    padding: var(--sd-space-8) var(--sd-space-16) var(--sd-space-4);
    border-bottom: 0;
  }

  .sd-masthead .sd-account-menu__person {
    display: none;
  }

  .sd-masthead .sd-account-menu__workspace {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
  }

  .sd-masthead .sd-account-menu__menu {
    padding: 0;
  }

  
  .sd-masthead .sd-menu-item {
    padding: 0;
  }

  .sd-masthead .sd-menu-item:not(:hover, :active, :focus-visible, :disabled) {
    --sd-mi-fg: var(--sd-color-text-default);
  }

  .sd-masthead .sd-menu-item__body {
    
    min-height: 40px;
    padding: 0 var(--sd-space-16);
    border-radius: 0;
  }

  .sd-masthead .sd-menu-item__icon {
    display: none;
  }

  .sd-masthead .sd-menu-item__label {
    font-weight: var(--sd-weight-normal);
  }

  

  .sd-masthead__utilities > button.sd-text-link {
    display: none;
  }

  .sd-masthead[data-sd-menu-open] .sd-masthead__utilities > a.sd-text-link {
    display: flex;
  }

  
  .sd-masthead__utilities > .sd-text-link {
    --sd-tl-fg: var(--sd-color-text-default);
    align-items: center;
    
    min-height: calc(40px + 2 * var(--sd-space-8));
    padding: var(--sd-space-8) var(--sd-space-16);
    border-radius: 0;
    font-size: var(--sd-text-sm);
    line-height: var(--sd-text-sm-lh);
    font-weight: var(--sd-weight-normal);
  }

  .sd-masthead__utilities .sd-text-link__icon {
    display: none;
  }

  .sd-masthead__utilities > .sd-text-link:hover {
    background: var(--sd-color-surface-hover);
  }

  .sd-masthead__utilities > .sd-text-link:focus-visible {
    outline-offset: var(--sd-ring-offset-inset);
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-masthead {
    position: sticky;
    top: 0;
    z-index: calc(var(--sd-z-float) - 1);
    padding-top: env(safe-area-inset-top, 0px);
  }

  
  .sd-masthead[data-sd-menu-open] {
    align-items: flex-start;
    max-height: 100vh;
    max-height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  :root:has(.sd-masthead) {
    
    scroll-padding-top: calc(60px + env(safe-area-inset-top, 0px));
  }
}





.sd-masthead-editor {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;

  
  flex-wrap: wrap;

  
  gap: var(--sd-space-24);

  
  padding: var(--sd-space-16) var(--sd-space-12)
           calc(var(--sd-space-16) - 1px) var(--sd-space-12);

  background: var(--sd-color-surface-default);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}



.sd-masthead-editor__left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-12);
  min-width: 0;
}

.sd-masthead-editor__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sd-space-4);
  min-width: 0;
}

.sd-masthead-editor__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  min-width: 0;

  
  align-self: stretch;
}

.sd-masthead-editor__meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-12);

  
  padding-left: var(--sd-space-4);

  
  min-height: var(--sd-text-sm-lh);
}




.sd-masthead-editor__center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
}



.sd-masthead-editor__right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-24);
  flex-shrink: 0;

  
  max-width: 100%;
}

.sd-masthead-editor__links {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-24);
}

.sd-masthead-editor__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);

  
  flex-wrap: wrap;
}




.sd-masthead-editor__links .sd-text-link__icon {
  color: var(--sd-color-icon-subtle);
}




.sd-masthead-editor--document .sd-masthead-editor__meta {
  align-self: stretch;
}

.sd-masthead-editor--document .sd-masthead-editor__actions {
  padding-right: var(--sd-space-12);
}





.sd-masthead-editor[data-sd-masthead-fit]:not([data-sd-masthead-fit~="wrap"]) {
  flex-wrap: nowrap;
}


.sd-masthead-editor[data-sd-masthead-fit]:not([data-sd-masthead-fit~="title"]) > .sd-masthead-editor__left {
  flex-shrink: 0;
}


.sd-masthead-editor[data-sd-masthead-fit~="measure"] > * {
  flex: none;
  max-width: none;
}

.sd-masthead-editor[data-sd-masthead-fit~="measure"] > .sd-masthead-editor__center {
  width: min-content;
}


.sd-masthead-editor[data-sd-masthead-fit~="links"] .sd-masthead-editor__links {
  display: none;
}

.sd-masthead-editor__actions [role="menuitem"][hidden] {
  display: none;
}




.sd-masthead-editor[data-sd-masthead-fit~="glyphs"] .sd-masthead-editor__links .sd-text-link__label,
.sd-masthead-editor[data-sd-masthead-fit~="stamp"]
  .sd-masthead-timestamp:has(.sd-masthead-timestamp__link) .sd-masthead-timestamp__label,
.sd-masthead-editor__meta [data-sd-masthead-short] > :not(svg) {
  position: absolute;
  
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.sd-masthead-editor__meta [data-sd-masthead-short]::after {
  content: attr(data-sd-masthead-short);
  white-space: nowrap;
}



.sd-masthead-editor[data-sd-masthead-fit~="measure"][data-sd-masthead-fit~="title"]
  .sd-masthead-title__label {
  max-width: 10rem;
}


.sd-masthead-editor[data-sd-masthead-fit~="preview"]
  .sd-masthead-editor__actions > .sd-button--secondary:has(> .sd-button__icon) {
  --sd-btn-fs: 0px;
  --sd-btn-gap: 0px;
}


.sd-masthead-editor[data-sd-masthead-fit~="wrap"] .sd-masthead-editor__meta {
  flex-wrap: wrap;
  row-gap: var(--sd-space-4);
}

.sd-masthead-editor[data-sd-masthead-fit~="wrap"] .sd-masthead-editor__meta > * {
  min-width: 0;
}

.sd-masthead-editor[data-sd-masthead-fit~="wrap"] .sd-masthead-editor__meta * {
  white-space: normal;
}




@media (any-pointer: coarse) {
  .sd-masthead-editor[data-sd-masthead-fit~="glyphs"] .sd-masthead-editor__links .sd-text-link {
    --sd-me-reach-x: calc((var(--sd-target-touch) - var(--sd-icon-md)) / 2);
    --sd-tl-reach-inline: var(--sd-me-reach-x);
    padding-inline: var(--sd-me-reach-x);
    margin-inline: calc(-1 * var(--sd-me-reach-x));
  }
}



@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-masthead-editor {
    --sd-masthead-phone: 1;
  }
}


.sd-masthead-editor__step {
  display: none;
  margin: 0;
  padding-left: var(--sd-space-4);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-xs-lh);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.sd-masthead-editor[data-sd-masthead-fit~="phone"] {
  flex-wrap: nowrap;
  gap: var(--sd-space-12);
  padding-block: var(--sd-space-8) calc(var(--sd-space-8) - var(--sd-border-width));
}

.sd-masthead-editor[data-sd-masthead-fit~="phone"] .sd-masthead-editor__info {
  gap: 0;
}

.sd-masthead-editor[data-sd-masthead-fit~="phone"] > .sd-masthead-editor__center {
  display: none;
}

.sd-masthead-editor[data-sd-masthead-fit~="phone"] .sd-masthead-editor__step {
  display: block;
}


.sd-masthead-editor__step:has(> button) {
  align-self: stretch;
  overflow: visible;
  contain: inline-size;
}


.sd-masthead-editor[data-sd-masthead-fit~="phone"] .sd-masthead-editor__meta {
  display: contents;
}

.sd-masthead-editor[data-sd-masthead-fit~="phone"] .sd-masthead-editor__meta > :not(.sd-masthead-save-state) {
  display: none;
}

.sd-masthead-editor[data-sd-masthead-fit~="phone"] .sd-masthead-editor__right {
  gap: var(--sd-space-12);
}


.sd-masthead-editor__actions > [data-sd-in-menu] {
  display: none;
}


.sd-masthead-editor[data-sd-masthead-fit~="phone"] .sd-masthead-editor__actions:not(:has(> :not(.sd-action-bar))) {
  display: contents;
}



.sd-masthead-editor[data-sd-masthead-fit~="measure"][data-sd-masthead-fit~="phone"][data-sd-masthead-fit~="title"]
  .sd-masthead-title__label {
  max-width: 3rem;
}





.sd-sdocs-logo {
  display: inline-flex;
  align-items: center;
  aspect-ratio: 548 / 114;
  height: 2em;
  overflow: clip;
  flex-shrink: 0;

  
  color: var(--sd-color-text-strong);
  text-decoration: none;
}

.sd-sdocs-logo__mark {
  display: block;
  width: 100%;
  height: 100%;
}

.sd-sdocs-logo:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
  border-radius: var(--sd-radius-sm);
}




@media (any-pointer: coarse) {
  .sd-sdocs-logo {
    --sd-logo-reach: calc((var(--sd-target-touch) - 24px) / 2);
    box-sizing: content-box;
    padding-block: var(--sd-logo-reach);
    margin-block: calc(-1 * var(--sd-logo-reach));
  }
}





.sd-badge-plantype {
  
  --sd-plan-bg: var(--sd-color-plan-default);

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;

  
  padding: var(--sd-space-4) var(--sd-space-8);
  background: var(--sd-plan-bg);
  border-radius: var(--sd-radius-full);

  color: var(--sd-color-text-inverse);
  font-family: var(--sd-font);
  font-size: var(--sd-text-2xs);
  line-height: var(--sd-text-2xs-lh);
  font-weight: var(--sd-weight-semibold);
  text-align: center;
  white-space: nowrap;
}



.sd-badge-plantype--free         { --sd-plan-bg: var(--sd-color-plan-free); }
.sd-badge-plantype--team         { --sd-plan-bg: var(--sd-color-plan-team); }
.sd-badge-plantype--professional { --sd-plan-bg: var(--sd-color-plan-professional); }
.sd-badge-plantype--enterprise   { --sd-plan-bg: var(--sd-color-plan-enterprise); }





.sd-badge {
  
  --sd-badge-bg: var(--sd-color-status-neutral-badge);
  --sd-badge-fg: var(--sd-color-text-strong);

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;

  
  padding: var(--sd-space-4) var(--sd-space-8);
  background: var(--sd-badge-bg);
  border-radius: var(--sd-radius-full);

  color: var(--sd-badge-fg);
  font-family: var(--sd-font);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-semibold);
  text-align: center;
  white-space: nowrap;
}

.sd-badge--info {
  --sd-badge-bg: var(--sd-color-status-info-badge);
  --sd-badge-fg: var(--sd-color-text-strong);
}

.sd-badge--success {
  --sd-badge-bg: var(--sd-color-status-success-fill);
  --sd-badge-fg: var(--sd-color-text-inverse);
}


.sd-badge--warning {
  --sd-badge-bg: var(--sd-color-status-warning-tint-border);
  --sd-badge-fg: var(--sd-color-text-strong);
}

.sd-badge--error {
  --sd-badge-bg: var(--sd-color-status-error-fill);
  --sd-badge-fg: var(--sd-color-text-inverse);
}





.sd-badge-statuses {
  
  --sd-status-bg: var(--sd-color-status-neutral-badge);
  --sd-status-fg: var(--sd-color-text-strong);

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;

  
  padding: var(--sd-space-4) var(--sd-space-8);
  background: var(--sd-status-bg);
  border-radius: var(--sd-radius-full);

  color: var(--sd-status-fg);
  font-family: var(--sd-font);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-semibold);
  text-align: center;
  white-space: nowrap;
}




.sd-badge-statuses--signature-draft,
.sd-badge-statuses--document-preparing {
  --sd-status-bg: var(--sd-color-status-neutral-badge);
  --sd-status-fg: var(--sd-color-text-strong);
}



.sd-badge-statuses--document-created,
.sd-badge-statuses--signature-sent {
  --sd-status-bg: var(--sd-color-status-info-badge);
  --sd-status-fg: var(--sd-color-text-strong);
}



.sd-badge-statuses--template-published {
  --sd-status-bg: var(--sd-color-status-live-fill);
  --sd-status-fg: var(--sd-color-text-inverse);
}



.sd-badge-statuses--signature-completed {
  --sd-status-bg: var(--sd-color-status-success-fill);
  --sd-status-fg: var(--sd-color-text-inverse);
}



.sd-badge-statuses--signature-declined,
.sd-badge-statuses--signature-expired,
.sd-badge-statuses--signature-canceled,
.sd-badge-statuses--out-of-credits {
  --sd-status-bg: var(--sd-color-status-stopped-fill);
  --sd-status-fg: var(--sd-color-text-inverse);
}



.sd-badge-statuses--failed,
.sd-badge-statuses--has-errors {
  --sd-status-bg: var(--sd-color-status-error-fill);
  --sd-status-fg: var(--sd-color-text-inverse);
}





.sd-pill-tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: safe center;
  gap: var(--sd-space-8);
  width: fit-content;

  
  min-width: 0;
  overflow-x: auto;

  
  --sd-pill-tabs-ring-room: calc(var(--sd-ring-width) + var(--sd-ring-offset));
  padding: var(--sd-pill-tabs-ring-room);
  margin: calc(-1 * var(--sd-pill-tabs-ring-room));

  position: relative;
  isolation: isolate;
  anchor-scope: --sd-pill-tabs-current;
}

.sd-pill-tabs__item {
  --sd-tab-fg:  var(--sd-color-text-muted);
  --sd-tab-bg:  transparent;
  --sd-tab-bdc: transparent;

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);

  
  padding: calc(var(--sd-space-8) - var(--sd-border-width)) calc(var(--sd-space-16) - var(--sd-border-width));
  border: var(--sd-border-width) solid var(--sd-tab-bdc);
  border-radius: var(--sd-radius-full);
  background: var(--sd-tab-bg);

  color: var(--sd-tab-fg);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
  white-space: nowrap;
  cursor: pointer;
  
  text-decoration: none;

  
  transition:
    color            var(--sd-duration-base) var(--sd-easing),
    background-color var(--sd-duration-base) var(--sd-easing),
    border-color     var(--sd-duration-base) var(--sd-easing);
}



.sd-pill-tabs__item[aria-selected="true"],
.sd-pill-tabs__item[aria-current]:not([aria-current="false"]) {
  --sd-tab-fg:  var(--sd-color-text-strong);
  anchor-name: --sd-pill-tabs-current;
}

.sd-pill-tabs__indicator {
  position: absolute;
  z-index: -1;
  position-anchor: --sd-pill-tabs-current;
  inset: anchor(top) anchor(right) anchor(bottom) anchor(left);
  box-sizing: border-box;
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-subtle);
  pointer-events: none;
}

.sd-pill-tabs:not(:has(> .sd-pill-tabs__item[aria-selected="true"], > .sd-pill-tabs__item[aria-current]:not([aria-current="false"]))) > .sd-pill-tabs__indicator {
  display: none;
}


@supports not (anchor-name: --sd-pill-tabs-current) {
  .sd-pill-tabs__item[aria-selected="true"],
  .sd-pill-tabs__item[aria-current]:not([aria-current="false"]) {
    --sd-tab-bg:  var(--sd-color-surface-subtle);
    --sd-tab-bdc: var(--sd-color-border-subtle);
  }
  .sd-pill-tabs__indicator { display: none; }
}




.sd-pill-tabs__item:hover:not(:active) {
  --sd-tab-fg: var(--sd-color-text-strong);
}

.sd-pill-tabs__item:active {
  --sd-tab-fg:  var(--sd-color-text-strong);
  --sd-tab-bdc: var(--sd-color-border-subtle);
}


.sd-pill-tabs__mark {
  display: none;
  flex-shrink: 0;
  
  width: 16px;
  height: 16px;
  color: currentColor;
}

.sd-pill-tabs__item[data-sd-error] {
  --sd-tab-fg: var(--sd-color-text-error);
}

.sd-pill-tabs__item[data-sd-error] > .sd-pill-tabs__mark {
  display: block;
}




@media (any-pointer: coarse) {
  .sd-pill-tabs {
    --sd-pt-reach: calc((var(--sd-target-touch) - 2 * var(--sd-space-8) - 20px) / 2);
    --sd-pill-tabs-reach-room: calc(var(--sd-pill-tabs-ring-room) + var(--sd-pt-reach));
    padding-block: var(--sd-pill-tabs-reach-room);
    margin-block: calc(-1 * var(--sd-pill-tabs-reach-room));
  }

  .sd-pill-tabs__item {
    position: relative;
    isolation: isolate;
    padding: calc(var(--sd-space-8) + var(--sd-pt-reach)) var(--sd-space-16);
    margin-block: calc(-1 * var(--sd-pt-reach));
    border-width: 0;
  }

  .sd-pill-tabs__item::before {
    content: "";
    position: absolute;
    inset: var(--sd-pt-reach) 0;
    z-index: -1;
    border: var(--sd-border-width) solid var(--sd-tab-bdc);
    border-radius: var(--sd-radius-full);
    transition: border-color var(--sd-duration-base) var(--sd-easing);
  }

  .sd-pill-tabs__indicator {
    inset-block: calc(anchor(top) + var(--sd-pt-reach)) calc(anchor(bottom) + var(--sd-pt-reach));
  }
}






.sd-pill-tab {
  white-space: nowrap;
}





.sd-tabs {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: var(--sd-space-4);
  min-width: 0;
  padding: var(--sd-space-8) var(--sd-space-8) 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  background: var(--sd-color-surface-subtle);
  font-family: var(--sd-font);
}


.sd-tabs__item {
  --sd-tab-fg: var(--sd-color-text-default);

  position: relative;
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--sd-space-8);
  box-sizing: border-box;
  
  max-width: 400px;
  
  min-height: var(--sd-target-touch);
  padding: 0 var(--sd-space-16);
  margin: 0;
  border: var(--sd-border-width) solid var(--sd-color-border-default);
  border-bottom: 0;
  border-radius: var(--sd-radius-md) var(--sd-radius-md) 0 0;
  background: transparent;
  color: var(--sd-tab-fg);
  font: inherit;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: color var(--sd-duration-base) var(--sd-easing),
              background-color var(--sd-duration-base) var(--sd-easing),
              border-color var(--sd-duration-base) var(--sd-easing);
}

.sd-tabs__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}


.sd-tabs__item::before {
  content: "";
  position: absolute;
  
  inset: -1px -1px auto;
  
  height: 3px;
  border-radius: var(--sd-radius-md) var(--sd-radius-md) 0 0;
  background: transparent;
}



.sd-tabs__item[aria-selected="true"] {
  --sd-tab-fg: var(--sd-color-text-strong);
  z-index: var(--sd-z-raised);
  background: var(--sd-color-surface-default);
  font-weight: var(--sd-weight-semibold);
}

.sd-tabs__item[aria-selected="true"]::before {
  background: var(--sd-color-border-accent-strong);
}



.sd-tabs__item:hover:not([aria-selected="true"]) {
  --sd-tab-fg: var(--sd-color-text-strong);
  border-color: var(--sd-color-border-hover);
  background: var(--sd-color-surface-subtle-hover);
}

.sd-tabs__item:active:not([aria-selected="true"]) {
  background: var(--sd-color-surface-pressed);
}


.sd-tabs__item:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}


.sd-tabs__mark,
.sd-tabs__done {
  display: none;
  flex-shrink: 0;
  
  width: 16px;
  height: 16px;
}

.sd-tabs__mark {
  color: currentColor;
}

.sd-tabs__item[data-sd-done]:not([data-sd-error]) > .sd-tabs__done {
  display: block;
  color: var(--sd-color-icon-success);
}


.sd-tabs__item[data-sd-left]::after {
  content: attr(data-sd-left) " fields left" / "";
  flex-shrink: 0;
  box-sizing: border-box;
  
  min-width: 20px;
  padding: 0 var(--sd-space-8);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-muted);
  color: var(--sd-color-text-default);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
  text-align: center;
}


.sd-tabs__item[data-sd-left="1"]::after {
  content: "1 field left" / "";
}

.sd-tabs__item[data-sd-error] {
  --sd-tab-fg: var(--sd-color-text-error);
}

.sd-tabs__item[data-sd-error] > .sd-tabs__mark {
  display: block;
}

.sd-tabs__item[data-sd-error][data-sd-left]::after {
  background: var(--sd-color-status-error-fill);
  color: var(--sd-color-text-inverse);
}


@media (forced-colors: active) {

  .sd-tabs__item[aria-selected="true"]::before {
    display: block;
    background: Highlight;
  }

  .sd-tabs__item:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
  }

  .sd-tabs__item[data-sd-left]::after {
    border: var(--sd-border-width) solid CanvasText;
  }
}






.sd-tab {
  white-space: nowrap;
}





.sd-progress-list {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-16);
  margin: 0;
  padding: 0;
  list-style: none;
}





.sd-progress-list-item {
  display: flex;
  align-items: flex-start;
  gap: var(--sd-space-12);
  font-family: var(--sd-font);
}



.sd-progress-list-item__marker {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border: 2px solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-full);
  color: var(--sd-color-icon-success);
}

.sd-progress-list-item__tick {
  display: none;
  
  width: 12px;
  height: 12px;
}

.sd-progress-list-item--done .sd-progress-list-item__marker {
  border-color: var(--sd-color-surface-step-done);
  background: var(--sd-color-surface-step-done);
}

.sd-progress-list-item--done .sd-progress-list-item__tick {
  display: block;
}


.sd-progress-list-item__spinner {
  display: none;
}

.sd-progress-list-item--current .sd-progress-list-item__marker {
  border-width: 0;
}

.sd-progress-list-item--current .sd-progress-list-item__spinner {
  display: flex;
  rotate: 90deg;
}

.sd-progress-list-item--current .sd-progress-list-item__marker::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  
  width: 8px;
  height: 8px;
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-icon-success);
}



.sd-progress-list-item__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sd-progress-list-item__label {
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  color: var(--sd-color-text-muted);
  overflow-wrap: anywhere;
}

.sd-progress-list-item--done .sd-progress-list-item__label {
  color: var(--sd-color-text-strong);
}

.sd-progress-list-item--current .sd-progress-list-item__label {
  color: var(--sd-color-text-strong);
  font-weight: var(--sd-weight-semibold);
}

.sd-progress-list-item__detail {
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  color: var(--sd-color-text-muted);
}


.sd-progress-list-item__said {
  display: none;
}

.sd-progress-list-item:not(.sd-progress-list-item--done, .sd-progress-list-item--current) .sd-progress-list-item__said--todo,
.sd-progress-list-item--done .sd-progress-list-item__said--done,
.sd-progress-list-item--current .sd-progress-list-item__said--current {
  display: inline;
}


@media (forced-colors: active) {
  .sd-progress-list-item--done .sd-progress-list-item__marker,
  .sd-progress-list-item--current .sd-progress-list-item__marker {
    border-color: Highlight;
  }

  .sd-progress-list-item--current .sd-progress-list-item__marker {
    border-right-color: transparent;
  }
}





.sd-avatar {
  
  --sd-av-fill: var(--sd-color-avatar-green-fill);
  --sd-av-line: var(--sd-color-avatar-green-line);

  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;

  
  width: 32px;
  height: 32px;

  
  padding: calc(var(--sd-space-4) - 2px);
  background: var(--sd-av-fill);
  border: 2px solid var(--sd-av-line);
  border-radius: var(--sd-radius-full);

  
  color: var(--sd-color-text-default);
  font-family: var(--sd-font);
  font-size: var(--sd-text-md);
  line-height: var(--sd-text-md-lh);
  font-weight: var(--sd-weight-semibold);
}


.sd-avatar__initial {
  font-weight: var(--sd-weight-bold);
  text-align: center;
  white-space: nowrap;
}



.sd-avatar--sm {
  
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: var(--sd-text-2xs);
  line-height: var(--sd-text-2xs-lh);
}

.sd-avatar--lg {
  
  width: 40px;
  height: 40px;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}



.sd-avatar--grey    { --sd-av-fill: var(--sd-color-avatar-grey-fill);    --sd-av-line: var(--sd-color-avatar-grey-line); }
.sd-avatar--blue    { --sd-av-fill: var(--sd-color-avatar-blue-fill);    --sd-av-line: var(--sd-color-avatar-blue-line); }
.sd-avatar--cyan    { --sd-av-fill: var(--sd-color-avatar-cyan-fill);    --sd-av-line: var(--sd-color-avatar-cyan-line); }
.sd-avatar--teal    { --sd-av-fill: var(--sd-color-avatar-teal-fill);    --sd-av-line: var(--sd-color-avatar-teal-line); }
.sd-avatar--yellow  { --sd-av-fill: var(--sd-color-avatar-yellow-fill);  --sd-av-line: var(--sd-color-avatar-yellow-line); }
.sd-avatar--orange  { --sd-av-fill: var(--sd-color-avatar-orange-fill);  --sd-av-line: var(--sd-color-avatar-orange-line); }
.sd-avatar--rose    { --sd-av-fill: var(--sd-color-avatar-rose-fill);    --sd-av-line: var(--sd-color-avatar-rose-line); }
.sd-avatar--fuchsia { --sd-av-fill: var(--sd-color-avatar-fuchsia-fill); --sd-av-line: var(--sd-color-avatar-fuchsia-line); }
.sd-avatar--purple  { --sd-av-fill: var(--sd-color-avatar-purple-fill);  --sd-av-line: var(--sd-color-avatar-purple-line); }





.sd-user-avatar {
  display: inline-flex;
  width: fit-content;
  anchor-scope: --sd-user-avatar;
}

.sd-user-avatar__trigger {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-4);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--sd-color-icon-muted);
  cursor: pointer;
  anchor-name: --sd-user-avatar;
}


.sd-user-avatar__chevron {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  margin: var(--sd-space-4);
  flex-shrink: 0;
  transition: color var(--sd-duration-base) var(--sd-easing);
}




.sd-user-avatar__menu {
  position: fixed;
  inset: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  overflow: visible;
  width: max-content;

  position-anchor: --sd-user-avatar;
  position-area: bottom span-left;
  margin-top: var(--sd-space-4);
  position-try-fallbacks: flip-block;
}


.sd-user-avatar__menu {
  opacity: 0;
  translate: 0 calc(-1 * var(--sd-space-4));
  transition:
    opacity   var(--sd-duration-fast) var(--sd-easing-in),
    translate var(--sd-duration-fast) var(--sd-easing-in),
    display   var(--sd-duration-fast) allow-discrete,
    overlay   var(--sd-duration-fast) allow-discrete;
}

.sd-user-avatar__menu:popover-open {
  opacity: 1;
  translate: none;
  transition-timing-function: var(--sd-easing-out);
}

@starting-style {
  .sd-user-avatar__menu:popover-open {
    opacity: 0;
    translate: 0 calc(-1 * var(--sd-space-4));
  }
}




.sd-user-avatar__trigger:hover {
  color: var(--sd-color-icon-default);
}

.sd-user-avatar__trigger:active,
.sd-user-avatar:has(.sd-user-avatar__menu:popover-open) .sd-user-avatar__trigger {
  color: var(--sd-color-icon-strong);
}

.sd-user-avatar__trigger:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
  border-radius: var(--sd-radius-sm);
}


@media (forced-colors: active) {
  .sd-user-avatar__trigger:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
  }
}




@media (any-pointer: coarse) {
  .sd-user-avatar {
    --sd-ua-reach: calc((var(--sd-target-touch) - 32px) / 2);
  }

  .sd-user-avatar__trigger {
    padding-block: var(--sd-ua-reach);
    margin-block: calc(-1 * var(--sd-ua-reach));
  }

  .sd-user-avatar__menu {
    margin-top: calc(var(--sd-space-4) - var(--sd-ua-reach));
  }
}





.sd-text-link {
  
  --sd-tl-icon: var(--sd-icon-md);

  
  --sd-tl-fg:        var(--sd-color-text-muted);
  --sd-tl-fg-hover:  var(--sd-color-text-default);
  --sd-tl-fg-press:  var(--sd-color-text-strong);
  --sd-tl-ico:       var(--sd-color-icon-muted);
  --sd-tl-ico-hover: var(--sd-color-icon-default);
  --sd-tl-ico-press: var(--sd-color-icon-strong);

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  width: fit-content;

  color: var(--sd-tl-fg);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-bold);
  text-decoration: none;
  cursor: pointer;

  
  background: none;
  border: 0;
  padding: 0;
}



.sd-text-link--semibold { font-weight: var(--sd-weight-semibold); }
.sd-text-link--medium   { font-weight: var(--sd-weight-medium); }



.sd-text-link--icon-16 { --sd-tl-icon: var(--sd-icon-sm); }




.sd-text-link--accent {
  --sd-tl-fg:        var(--sd-color-text-accent);
  --sd-tl-fg-hover:  var(--sd-color-text-accent-hover);
  --sd-tl-fg-press:  var(--sd-color-text-accent-pressed);
  --sd-tl-ico:       var(--sd-color-icon-accent);
  --sd-tl-ico-hover: var(--sd-color-icon-accent-hover);
  --sd-tl-ico-press: var(--sd-color-icon-accent-pressed);
}



.sd-text-link--destructive {
  --sd-tl-fg:        var(--sd-color-text-error);
  --sd-tl-fg-hover:  var(--sd-color-text-error-hover);
  --sd-tl-fg-press:  var(--sd-color-text-error-pressed);
  --sd-tl-ico:       var(--sd-color-icon-error);
  --sd-tl-ico-hover: var(--sd-color-icon-error);
  --sd-tl-ico-press: var(--sd-color-icon-error-pressed);
}



.sd-text-link__icon {
  width: var(--sd-tl-icon);
  height: var(--sd-tl-icon);
  flex-shrink: 0;
  color: var(--sd-tl-ico);
  overflow: clip;
}

.sd-text-link__label {
  white-space: nowrap;
}




.sd-text-link:hover:not(:active) {
  color: var(--sd-tl-fg-hover);
}
.sd-text-link:hover:not(:active) .sd-text-link__icon {
  color: var(--sd-tl-ico-hover);
}

.sd-text-link:active {
  color: var(--sd-tl-fg-press);
}
.sd-text-link:active .sd-text-link__icon {
  color: var(--sd-tl-ico-press);
}

.sd-text-link:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
  border-radius: var(--sd-radius-sm);
}


.sd-text-link,
.sd-text-link__icon {
  transition: color var(--sd-duration-base) var(--sd-easing);
}


.sd-text-link:disabled {
  --sd-tl-fg:        var(--sd-color-text-disabled);
  --sd-tl-fg-hover:  var(--sd-color-text-disabled);
  --sd-tl-fg-press:  var(--sd-color-text-disabled);
  --sd-tl-ico:       var(--sd-color-icon-disabled);
  --sd-tl-ico-hover: var(--sd-color-icon-disabled);
  --sd-tl-ico-press: var(--sd-color-icon-disabled);
  cursor: default;
}




@media (any-pointer: coarse) {
  .sd-text-link {
    --sd-tl-reach: var(--sd-tl-reach-inline, calc((var(--sd-target-touch) - 1lh) / 2));
    padding-block: var(--sd-tl-reach);
    margin-block: calc(-1 * var(--sd-tl-reach));
  }

  .sd-text-link:where(p *) {
    --sd-tl-reach: calc((24px - 1lh) / 2);
  }
}





.sd-back-signature {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;

  
  padding: 6px;
  background: var(--sd-color-surface-default);
  border-radius: var(--sd-radius-sm);
  overflow: clip;
  cursor: pointer;

  
  color: var(--sd-color-text-strong);
  text-decoration: none;
}




.sd-back-signature:hover:not(:active) {
  background: var(--sd-color-surface-sunken);
}

.sd-back-signature:active {
  background: var(--sd-color-surface-subtle);
}


.sd-back-signature {
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}





.sd-masthead-title {
  
  --sd-mt-fs: var(--sd-text-md-lg);
  --sd-mt-lh: var(--sd-text-md-lg-lh);

  
  --sd-mt-bg: transparent;
  --sd-mt-ring: transparent;
  --sd-mt-line: none;
  --sd-mt-line-style: dotted;
  --sd-mt-line-color: currentColor;

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;

  padding: 0 var(--sd-space-4);
  border: 0;          
  background: var(--sd-mt-bg);
  box-shadow: inset 0 0 0 var(--sd-ring-width) var(--sd-mt-ring);
  border-radius: var(--sd-radius-sm);

  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-size: var(--sd-mt-fs);
  line-height: var(--sd-mt-lh);
  font-weight: var(--sd-weight-bold);
  text-align: left;
  cursor: text;

  
  outline: none;
}

.sd-masthead-title__label {
  
  min-height: var(--sd-mt-lh);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  text-decoration-line: var(--sd-mt-line);
  text-decoration-style: var(--sd-mt-line-style);
  text-decoration-color: var(--sd-mt-line-color);
  text-decoration-thickness: var(--sd-border-width);
  
  text-underline-offset: 4px;

  
  outline: none;
}



.sd-masthead-title:not(.sd-masthead-title--editing):hover {
  --sd-mt-line: underline;
  --sd-mt-line-color: var(--sd-color-border-editing);
}

.sd-masthead-title:not(.sd-masthead-title--editing):focus-visible {
  --sd-mt-line: underline;
  --sd-mt-line-color: var(--sd-color-border-focus);
  --sd-mt-ring: var(--sd-color-border-focus);
}


.sd-masthead-title--editing {
  --sd-mt-bg: var(--sd-color-surface-selected);
  --sd-mt-line: underline;
  --sd-mt-line-style: solid;
  --sd-mt-line-color: var(--sd-color-text-accent);
}


.sd-masthead-title--editing .sd-masthead-title__label {
  min-width: 1ch;
  text-overflow: clip;
}




@media (any-pointer: coarse) {
  .sd-masthead-title:not(.sd-masthead-title--editing) {
    --sd-mt-reach: calc((var(--sd-target-touch) - var(--sd-mt-lh)) / 2);
    padding-block: var(--sd-mt-reach);
    margin-block: calc(-1 * var(--sd-mt-reach));
  }
}





.sd-base-record {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--sd-space-4);
  width: fit-content;

  color: var(--sd-color-text-muted);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
}

.sd-base-record__name {
  white-space: nowrap;
}





.sd-masthead-timestamp {
  --sd-ts-link: var(--sd-color-text-muted);

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-4);
  width: fit-content;

  color: var(--sd-color-text-muted);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
}

.sd-masthead-timestamp__icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-muted);
  overflow: clip;
}

.sd-masthead-timestamp__label {
  white-space: nowrap;
}

.sd-masthead-timestamp__link {
  color: var(--sd-ts-link);
  text-decoration: underline;
  text-decoration-thickness: from-font;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  white-space: nowrap;
  cursor: pointer;
}




.sd-masthead-timestamp--completed {
  --sd-ts-link: var(--sd-color-text-default);
}



.sd-masthead-timestamp__link:hover {
  color: var(--sd-color-text-strong);
}

.sd-masthead-timestamp__link:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
  border-radius: var(--sd-radius-sm);
}


.sd-masthead-timestamp__link {
  transition: color var(--sd-duration-base) var(--sd-easing);
}




@media (any-pointer: coarse) {
  .sd-masthead-timestamp__link {
    --sd-ts-reach: calc((var(--sd-target-touch) - 1lh) / 2);
    padding-block: var(--sd-ts-reach);
    margin-block: calc(-1 * var(--sd-ts-reach));
  }
}






.sd-signer {
  --sd-signer-edge: var(--sd-color-signer-none-edge);
  --sd-signer-fill: var(--sd-color-surface-default);
  --sd-signer-ink:  var(--sd-color-text-inverse);
}

.sd-signer--1 { --sd-signer-edge: var(--sd-color-signer-1-edge); --sd-signer-fill: var(--sd-color-signer-1-fill); }  
.sd-signer--2 { --sd-signer-edge: var(--sd-color-signer-2-edge); --sd-signer-fill: var(--sd-color-signer-2-fill); }  
.sd-signer--3 { --sd-signer-edge: var(--sd-color-signer-3-edge); --sd-signer-fill: var(--sd-color-signer-3-fill); }  
.sd-signer--4 { --sd-signer-edge: var(--sd-color-signer-4-edge); --sd-signer-fill: var(--sd-color-signer-4-fill); }  
.sd-signer--5 { --sd-signer-edge: var(--sd-color-signer-5-edge); --sd-signer-fill: var(--sd-color-signer-5-fill); }  
.sd-signer--6 { --sd-signer-edge: var(--sd-color-signer-6-edge); --sd-signer-fill: var(--sd-color-signer-6-fill); }  


[data-sd-mode="signer"] .sd-signer {
  --sd-signer-edge: var(--sd-color-signer-1-edge);
  --sd-signer-fill: var(--sd-color-signer-1-fill);
}





.sd-field-object {
  --sd-fo-stroke-w: 1px;
  --sd-fo-required-edge: var(--sd-color-object-required-border);
  --sd-fo-error-stroke:  var(--sd-color-status-error-border);
  --sd-fo-error-fill:    var(--sd-color-status-error-tint-strong);
  --sd-fo-selection:     var(--sd-color-border-selected);   

  
  --sd-fo-mark-asking-fill: var(--sd-signer-edge, var(--sd-color-object-asking-mark));
  --sd-fo-mark-asking-ink:  var(--sd-signer-ink, var(--sd-color-text-inverse));
  --sd-fo-asking-edge:
    inset 3px 0 0 0 var(--sd-fo-required-edge),
    inset 0 0 0 var(--sd-fo-stroke-w) var(--sd-fo-edge, var(--sd-signer-edge, var(--sd-color-object-asking-border)));

  
  --sd-fo-asking-pad: 9px;

  
  display: inline;
  white-space: nowrap;

  
  flex-shrink: 0;

  color: inherit;

  
  font: inherit;
  line-height: inherit;
}


.sd-field-object__box {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  gap: var(--sd-space-4);
  padding: 0 var(--sd-space-4);

  
  border: 0;
  box-shadow: inset 0 0 0 var(--sd-fo-stroke-w) var(--sd-fo-edge, var(--sd-signer-edge, var(--sd-color-signer-none-edge)));

  border-radius: var(--sd-radius-sm);
  background: var(--sd-signer-fill, var(--sd-color-surface-default));

  vertical-align: baseline;
  cursor: pointer;
}


.sd-field-object:hover { --sd-fo-stroke-w: 2px; }



.sd-field-object:focus-visible,
.sd-field-object:has(> .sd-field-object__box > .sd-field-object__value:focus-visible) {
  --sd-fo-edge: var(--sd-color-border-focus);
  --sd-fo-stroke-w: var(--sd-ring-width);
}


.sd-field-object__value:focus-visible { outline: none; }


[data-sd-mode="signer"] .sd-field-object:focus-visible,
[data-sd-mode="signer"] .sd-field-object:has(> .sd-field-object__box > .sd-field-object__value:focus-visible) {
  --sd-fo-edge: var(--sd-color-border-focus-strong);
  --sd-fo-asking-edge:
    inset 0 0 0 var(--sd-fo-stroke-w) var(--sd-fo-edge),
    inset calc(3px + var(--sd-fo-stroke-w)) 0 0 0 var(--sd-fo-required-edge);
}


@media (forced-colors: active) {
  .sd-field-object:focus-visible > .sd-field-object__box,
  .sd-field-object:has(> .sd-field-object__box > .sd-field-object__value:focus-visible) > .sd-field-object__box {
    outline: calc(var(--sd-ring-width) / var(--sd-doc-scale, 1)) solid CanvasText;
    outline-offset: 0;
  }
}


.sd-field-object[data-sd-selected] > .sd-field-object__box {
  outline: calc(var(--sd-ring-width) / var(--sd-doc-scale, 1)) solid var(--sd-fo-selection);
  outline-offset: calc(var(--sd-ring-offset) / var(--sd-doc-scale, 1));
}


.sd-field-object__box {
  outline-width: 0;
  transition:
    outline-width var(--sd-duration-fast) var(--sd-easing-out),
    outline-color var(--sd-duration-fast) var(--sd-easing-out);
}


.sd-field-object[data-sd-selected],
.sd-field-object:focus-visible {
  outline: none;
}


.sd-field-object[data-sd-dragging] > .sd-field-object__box {
  opacity: 0.7;
  cursor: grabbing;
}


[data-sd-mode="editor"] .sd-field-object--placed > .sd-field-object__box { cursor: grab; }




.sd-field-object[data-sd-dim] {
  --sd-fo-dim-edge: color-mix(in srgb, var(--sd-signer-edge, var(--sd-color-signer-none-edge)) 40%, transparent);
  --sd-fo-dim-fill: color-mix(in srgb, var(--sd-signer-fill, var(--sd-color-surface-default)) 40%, transparent);
}
.sd-field-object[data-sd-dim] > .sd-field-object__box {
  --sd-signer-edge: var(--sd-fo-dim-edge);
  --sd-signer-fill: var(--sd-fo-dim-fill);
  --sd-fo-mark-asking-fill: var(--sd-fo-dim-edge);
  --sd-fo-mark-asking-ink: var(--sd-color-text-strong);
}
.sd-field-object[data-sd-dim] > .sd-field-object__box > .sd-field-object__mark { color: var(--sd-color-text-muted); }
.sd-field-object[data-sd-dim] > .sd-field-object__box > .sd-field-object__tick { color: var(--sd-color-text-strong); }




.sd-field-object__mark {
  display: inline-grid;
  place-items: center;
  align-self: center;
  order: 0;

  
  width: 12px;
  height: 12px;
  flex: 0 0 12px;

  border-radius: 3px;

  
  box-shadow: inset 0 0 0 1.5px var(--sd-signer-edge, var(--sd-color-signer-none-edge));
  background: transparent;

  
  color: var(--sd-signer-edge, var(--sd-color-text-strong));
  
  font-size: 9px;
  font-weight: var(--sd-weight-bold);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}


.sd-field-object[data-sd-required] > .sd-field-object__box > .sd-field-object__mark {
  background: var(--sd-fo-mark-asking-fill);
  color: var(--sd-fo-mark-asking-ink);
  box-shadow: none;
}




.sd-field-object__value {
  display: inline-block;
  min-width: 0;

  
  white-space: normal;
}


:where(.sd-field-object[data-sd-stand-in] > .sd-field-object__box) > .sd-field-object__value { color: var(--sd-color-text-muted); }


[data-sd-mode="signer"] .sd-field-object[aria-invalid="true"]:where([data-sd-stand-in]) > .sd-field-object__box > .sd-field-object__value {
  color: var(--sd-color-text-on-error);
}


.sd-field-object__resolved { display: none; }



.sd-field-object__error {
  display: none;
  align-self: center;
  
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border-radius: var(--sd-radius-full);
  background: var(--sd-fo-error-stroke);
  color: var(--sd-color-text-inverse);
  
  font-size: 9px;
  font-weight: var(--sd-weight-bold);
  line-height: 12px;
  text-align: center;
}




.sd-field-object__tick {
  display: none;
  position: absolute;
  inset: 0;
  z-index: var(--sd-z-raised);
  place-items: center;
  color: var(--sd-color-text-inverse);
  
  font-size: 13px;
  font-weight: var(--sd-weight-bold);
  line-height: 1;
}




.sd-field-object--checkbox {
  line-height: 0;
  --sd-fo-asking-pad: 0;
}


.sd-field-object--checkbox > .sd-field-object__box {
  width: 20px;
  height: 20px;
  padding: 0;
  container-type: inline-size;
}


.sd-field-object--checkbox > .sd-field-object__box > .sd-field-object__value { display: none; }


.sd-field-object--checkbox > .sd-field-object__box > .sd-field-object__error {
  position: absolute;
  inset: 0;
  margin: auto;
}

.sd-field-object--checkbox[aria-checked="true"] {
  --sd-signer-fill: var(--sd-color-action-primary);
  --sd-signer-edge: var(--sd-color-action-primary);
}
.sd-field-object--checkbox[aria-checked="true"] > .sd-field-object__box > .sd-field-object__tick { display: grid; }


.sd-field-object--checkbox[aria-checked="true"] > .sd-field-object__box > .sd-field-object__mark { display: none; }




.sd-field-object--checkbox[data-sd-control="radio"] > .sd-field-object__box {
  border-radius: var(--sd-radius-full);
}


.sd-field-object--checkbox[data-sd-control="radio"] > .sd-field-object__box > .sd-field-object__mark {
  border-radius: var(--sd-radius-full);
}


.sd-field-object--checkbox > .sd-field-object__box > .sd-field-object__mark {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  z-index: calc(var(--sd-z-raised) + 1);
  
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  font-size: var(--sd-text-3xs);
}


@container (max-width: 23px) {
  .sd-field-object--checkbox > .sd-field-object__box > .sd-field-object__mark {
    
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: var(--sd-radius-xs);
    background: var(--sd-signer-edge, var(--sd-color-signer-none-edge));
    box-shadow: none;
    color: transparent;      
    font-size: 0;
  }
  
  .sd-field-object--checkbox:not([data-sd-required]) > .sd-field-object__box > .sd-field-object__mark {
    background: var(--sd-signer-fill, var(--sd-color-surface-default));
    box-shadow: inset 0 0 0 1.5px var(--sd-signer-edge, var(--sd-color-signer-none-edge));
  }
}




.sd-field-object--signature > .sd-field-object__box {
  justify-content: center;
  text-align: center;
}
.sd-field-object--signature > .sd-field-object__box > .sd-field-object__value { min-width: 3ch; }


[data-sd-mode="signer"] .sd-field-object:where([data-sd-signed]) > .sd-field-object__box > .sd-field-object__value {
  font-family: var(--sd-font-script);
  font-size: 1.3em;   
  font-style: italic;
  color: var(--sd-color-text-accent);
}




.sd-field-object--placed { position: absolute; }

.sd-field-object--placed > .sd-field-object__box {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  line-height: normal;
  padding: 0 var(--sd-space-8);
}


.sd-field-object--placed > .sd-field-object__box > .sd-field-object__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.sd-field-object--placed[data-sd-multiline] > .sd-field-object__box > .sd-field-object__value {
  white-space: normal;
  text-overflow: clip;
  width: 100%;
}

.sd-field-object--placed.sd-field-object--checkbox {
  width: auto;
  height: auto;
  
  min-width: 24px;
  min-height: 24px;
}
.sd-field-object--placed.sd-field-object--checkbox > .sd-field-object__box {
  width: auto;
  height: auto;
  padding: 0;
}


.sd-field-object--placed:not(.sd-field-object--checkbox) > .sd-field-object__box > .sd-field-object__mark {
  position: absolute;
  inset: 50% auto auto 4px;
  transform: translateY(-50%);
  z-index: calc(var(--sd-z-raised) + 1);
  
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  font-size: var(--sd-text-3xs);
}

.sd-field-object--placed:not(.sd-field-object--checkbox) > .sd-field-object__box::before {
  content: '';
  
  flex: 0 0 12px;
}

.sd-field-object--placed.sd-field-object--signature > .sd-field-object__box::after {
  content: '';
  
  flex: 0 0 12px;
}




[data-sd-mode="signer"] .sd-field-object__mark { display: none; }


[data-sd-mode="signer"] .sd-field-object[data-sd-required] > .sd-field-object__box {
  box-shadow: var(--sd-fo-asking-edge);
  padding-left: var(--sd-fo-asking-pad);
}


[data-sd-mode="signer"] .sd-field-object[data-sd-required]:is([aria-checked="true"], [data-sd-answered]) > .sd-field-object__box {
  box-shadow: inset 0 0 0 var(--sd-fo-stroke-w) var(--sd-fo-edge, var(--sd-signer-edge, var(--sd-color-signer-none-edge)));
  padding-left: var(--sd-space-4);
}


[data-sd-mode="signer"] .sd-field-object--placed > .sd-field-object__box::before,
[data-sd-mode="signer"] .sd-field-object--placed > .sd-field-object__box::after { content: none; }


[data-sd-mode="signer"] .sd-field-object[aria-haspopup="menu"] > .sd-field-object__box::after {
  content: "";
  flex: none;
  align-self: center;
  box-sizing: border-box;
  width: .45em;
  height: .45em;
  margin: 0 .2em .2em .5em;
  box-shadow: inset calc(-1.5 * var(--sd-border-width)) calc(-1.5 * var(--sd-border-width)) 0 var(--sd-color-icon-default);
  transform: rotate(45deg);
}
[data-sd-mode="signer"] .sd-field-object--placed[aria-haspopup="menu"] > .sd-field-object__box::after { margin-left: auto; }


[data-sd-mode="signer"] .sd-field-object__resolved { display: inline; }


[data-sd-mode="signer"] .sd-field-object[aria-invalid="true"] {
  --sd-fo-stroke-w: 2px;
  --sd-signer-edge: var(--sd-fo-error-stroke);   
  --sd-signer-fill: var(--sd-fo-error-fill);
}
[data-sd-mode="signer"] .sd-field-object[aria-invalid="true"] > .sd-field-object__box > .sd-field-object__error { display: inline-block; }


[data-sd-mode="signer"] .sd-field-object--placed[aria-invalid="true"] > .sd-field-object__box > .sd-field-object__error {
  position: absolute;
  inset: 50% var(--sd-space-4) auto auto;
  transform: translateY(-50%);
  z-index: calc(var(--sd-z-raised) + 1);
}

[data-sd-mode="signer"] .sd-field-object--placed.sd-field-object--checkbox[aria-invalid="true"] > .sd-field-object__box > .sd-field-object__error {
  inset: 0;
  margin: auto;
  transform: none;
}

[data-sd-mode="signer"] .sd-field-object--placed[aria-invalid="true"] > .sd-field-object__box > .sd-field-object__value { margin-right: 16px; }


[data-sd-mode="signer"] .sd-field-object[data-sd-absent] { display: none; }


[data-sd-mode="signer"] .sd-field-object[data-sd-absent][data-sd-fallback] {
  display: inline;
  white-space: normal;
}
[data-sd-mode="signer"] .sd-field-object[data-sd-absent][data-sd-fallback] > .sd-field-object__box { display: none; }
[data-sd-mode="signer"] .sd-field-object[data-sd-absent][data-sd-fallback]::after { content: attr(data-sd-fallback); }


[data-sd-mode="signer"] .sd-field-object[data-sd-merged] > .sd-field-object__box {
  box-shadow: none;
  background: transparent;
  padding: 0;
  cursor: default;
  pointer-events: none;
}
[data-sd-mode="signer"] .sd-field-object[data-sd-merged] > .sd-field-object__box > .sd-field-object__error { display: none; }

[data-sd-mode="signer"] .sd-field-object[data-sd-merged]:not(.sd-field-object--placed, .sd-field-object--checkbox) { white-space: normal; }
[data-sd-mode="signer"] .sd-field-object[data-sd-merged]:not(.sd-field-object--placed, .sd-field-object--checkbox) > .sd-field-object__box,
[data-sd-mode="signer"] .sd-field-object[data-sd-merged]:not(.sd-field-object--placed, .sd-field-object--checkbox) > .sd-field-object__box > .sd-field-object__value { display: inline; }

[data-sd-mode="signer"] .sd-field-object--checkbox[data-sd-merged] > .sd-field-object__box > .sd-field-object__tick { color: var(--sd-color-text-strong); }



[data-sd-mode="preview"] .sd-field-object > .sd-field-object__box {
  cursor: default;
  pointer-events: none;
}




@media (forced-colors: active) {
  .sd-field-object > .sd-field-object__box { border: 1px solid CanvasText; }
  .sd-field-object[data-sd-selected] > .sd-field-object__box { outline-color: Highlight; }
}





.sd-token {
  
  --sd-tok-tint:       var(--sd-color-object-data-surface);    
  --sd-tok-tint-hover: var(--sd-color-object-data-surface-hover);   
  --sd-tok-text:       var(--sd-color-object-data-text);   
  --sd-tok-under:      var(--sd-color-object-data-underline);   

  position: relative;
  display: inline;
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-xs);
  background: var(--sd-tok-tint);
  color: var(--sd-tok-text);

  
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;

  cursor: pointer;
}

.sd-token:hover,
.sd-token:focus-visible { --sd-tok-tint: var(--sd-tok-tint-hover); }


.sd-token:focus-visible {
  outline: calc(var(--sd-ring-width) / var(--sd-doc-scale, 1)) solid var(--sd-color-border-focus);
  outline-offset: calc(var(--sd-ring-offset) / var(--sd-doc-scale, 1));
}


.sd-token[data-sd-selected] {
  outline: calc(var(--sd-ring-width) / var(--sd-doc-scale, 1)) solid var(--sd-color-border-selected);
  outline-offset: calc(var(--sd-ring-offset) / var(--sd-doc-scale, 1));
}


.sd-token {
  outline-width: 0;
  transition:
    outline-width var(--sd-duration-fast) var(--sd-easing-out),
    outline-color var(--sd-duration-fast) var(--sd-easing-out);
}

.sd-token__path {
  text-decoration: underline dotted var(--sd-tok-under);
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  text-decoration-skip-ink: none;
}


.sd-token__brace {
  text-decoration: none;
}


.sd-token__resolved { display: none; }

.sd-token:hover .sd-token__path { text-decoration-color: var(--sd-tok-text); }




.sd-token--placed {
  position: absolute;
  display: flex;
  align-items: center;
  padding: 0 2px;
}


.sd-token__value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}




.sd-token--in-field {
  --sd-tok-tint: transparent;
  --sd-tok-tint-hover: transparent;
  --sd-tok-text: inherit;
  --sd-tok-under: currentColor;
  cursor: inherit;
}



[data-sd-mode="editor"] .sd-token:is([data-sd-invalid], [data-sd-unknown]) {
  --sd-tok-tint: var(--sd-color-status-error-tint);
  --sd-tok-tint-hover: var(--sd-color-status-error-tint);
  --sd-tok-text: var(--sd-color-text-error);
  --sd-tok-under: var(--sd-color-status-error-border);
}

[data-sd-mode="editor"] .sd-token:is([data-sd-invalid], [data-sd-unknown]) .sd-token__path {
  text-decoration-style: wavy;
}


.sd-popover[data-sd-token-tip] {
  position: fixed;
  z-index: var(--sd-z-overlay);
  margin: 0;
  pointer-events: none;
}

.sd-popover[data-sd-token-tip][hidden],
.sd-popover[data-sd-token-tip] [hidden] {
  display: none;
}



[data-sd-mode="signer"] .sd-token {
  background: transparent;
  color: inherit;
  padding: 0;
  font-weight: inherit;
  white-space: normal;
  cursor: default;
  pointer-events: none;
}

[data-sd-mode="signer"] .sd-token__brace,
[data-sd-mode="signer"] .sd-token__path { display: none; }
[data-sd-mode="signer"] .sd-token__resolved { display: inline; }




[data-sd-mode="preview"] .sd-token {
  cursor: default;
  pointer-events: none;
}




.sd-token:where([data-sd-dim]) {
  --sd-tok-tint:       color-mix(in srgb, var(--sd-color-object-data-surface) 40%, transparent);
  --sd-tok-tint-hover: color-mix(in srgb, var(--sd-color-object-data-surface-hover) 40%, transparent);
  --sd-tok-text:       currentColor;
  --sd-tok-under:      color-mix(in srgb, var(--sd-color-object-data-underline) 40%, transparent);
}
.sd-token[data-sd-dim] .sd-token__brace {
  color: var(--sd-color-text-muted);
}




@media (forced-colors: active) {
  .sd-token__path { text-decoration-color: LinkText; }
}





.sd-token-text {
  display: block;
  
  min-width: 0;

  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;

  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-strong);

  
  white-space: normal;
}


.sd-token-text:focus-visible { outline: none; }




.sd-token-text--textarea {
  align-self: stretch;
  height: calc(100% + 2 * (var(--sd-ring-offset) + var(--sd-ring-width)));
  overflow: auto;
  padding: calc(var(--sd-ring-offset) + var(--sd-ring-width));
  margin: calc(-1 * (var(--sd-ring-offset) + var(--sd-ring-width)));
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px), (any-pointer: coarse) {
  .sd-token-text {
    font-size: var(--sd-text-entry);
  }
}




@media (any-pointer: coarse) {
  .sd-token-text [role="button"] {
    padding-block: var(--sd-space-2);
    margin-block: calc(-1 * var(--sd-space-2));
  }
}





.sd-field-group {
  
  display: block;
}




.sd-field-group[data-sd-required]:not(:has([aria-checked="true"], [data-sd-answered])) .sd-field-object > .sd-field-object__box > .sd-field-object__mark {
  background: var(--sd-fo-mark-asking-fill);
  color: var(--sd-fo-mark-asking-ink);
  box-shadow: none;
}




[data-sd-mode="signer"] .sd-field-group[data-sd-required]:not(:has([aria-checked="true"], [data-sd-answered])) .sd-field-object > .sd-field-object__box {
  box-shadow: var(--sd-fo-asking-edge);
  padding-left: var(--sd-fo-asking-pad);
}


[data-sd-mode="editor"] .sd-field-group:has([data-sd-object]:hover, [data-sd-object]:focus-visible, [data-sd-selected]) {
  outline: var(--sd-border-width) dashed var(--sd-color-border-strong);
  outline-offset: var(--sd-space-4);
  border-radius: var(--sd-radius-sm);
}





.sd-field-label-bar {
  position: relative;
  isolation: isolate;
  display: flex;
  width: fit-content;
  
  max-width: 340px;
  
  filter: var(--sd-drop-shadow-lg);
  color: var(--sd-color-text-inverse);
  font-family: var(--sd-font);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);

  
  transform: scale(calc(1 / var(--sd-doc-scale, 1)));
  transform-origin: left top;
}


.sd-field-label-bar--bottom-left { transform-origin: left bottom; }
.sd-field-label-bar--bottom-right { transform-origin: right bottom; }
.sd-field-label-bar--top-left { transform-origin: left top; }
.sd-field-label-bar--top-right { transform-origin: right top; }


.sd-field-label-bar__content {
  display: flex;
  align-items: stretch;
  min-width: 0;
  border-radius: var(--sd-radius-lg);
  background: var(--sd-color-surface-inverse);
  overflow: hidden;
}


.sd-field-label-bar--bottom-left::after,
.sd-field-label-bar--top-left::after,
.sd-field-label-bar--bottom-right::after,
.sd-field-label-bar--top-right::after {
  content: '';
  position: absolute;
  
  width: 12px;
  height: 12px;
  border-radius: 1px;
  background: var(--sd-color-surface-inverse);
  transform: rotate(45deg);
  
  z-index: -1;
}


.sd-field-label-bar--bottom-left::after,
.sd-field-label-bar--top-left::after { left: 14px; }

.sd-field-label-bar--bottom-right::after,
.sd-field-label-bar--top-right::after { right: 14px; }


.sd-field-label-bar:is([data-sd-error], [data-sd-answered]):is(.sd-field-label-bar--bottom-left, .sd-field-label-bar--top-left)::after { left: 34px; }


.sd-field-label-bar--bottom-left::after,
.sd-field-label-bar--bottom-right::after { top: calc(100% - 8px); }


.sd-field-label-bar--top-left::after,
.sd-field-label-bar--top-right::after { bottom: calc(100% - 8px); }




.sd-field-label-bar__rail {
  flex: 0 0 5px;
  background: transparent;
}


.sd-field-label-bar:not([data-sd-signer]):not([data-sd-answered]):not([data-sd-required]):not([data-sd-error]) .sd-field-label-bar__rail {
  flex-basis: 0;
}




.sd-field-label-bar:where([data-sd-signer="1"]) { --sd-signer-edge: var(--sd-color-signer-1-edge); --sd-signer-fill: var(--sd-color-signer-1-fill); }
.sd-field-label-bar:where([data-sd-signer="2"]) { --sd-signer-edge: var(--sd-color-signer-2-edge); --sd-signer-fill: var(--sd-color-signer-2-fill); }
.sd-field-label-bar:where([data-sd-signer="3"]) { --sd-signer-edge: var(--sd-color-signer-3-edge); --sd-signer-fill: var(--sd-color-signer-3-fill); }
.sd-field-label-bar:where([data-sd-signer="4"]) { --sd-signer-edge: var(--sd-color-signer-4-edge); --sd-signer-fill: var(--sd-color-signer-4-fill); }
.sd-field-label-bar:where([data-sd-signer="5"]) { --sd-signer-edge: var(--sd-color-signer-5-edge); --sd-signer-fill: var(--sd-color-signer-5-fill); }
.sd-field-label-bar:where([data-sd-signer="6"]) { --sd-signer-edge: var(--sd-color-signer-6-edge); --sd-signer-fill: var(--sd-color-signer-6-fill); }
.sd-field-label-bar:where([data-sd-signer]):not([data-sd-answered]):not([data-sd-required]):not([data-sd-error]) .sd-field-label-bar__rail {
  background: var(--sd-signer-edge, var(--sd-color-signer-none-edge));
}


.sd-field-label-bar[data-sd-answered] .sd-field-label-bar__rail {
  background: var(--sd-color-status-success-fill);
}


.sd-field-label-bar[data-sd-required] .sd-field-label-bar__rail {
  background: var(--sd-color-object-required-border);
}


.sd-field-label-bar[data-sd-error] .sd-field-label-bar__rail {
  background: var(--sd-color-status-error-fill);
}




.sd-field-label-bar[data-sd-answered] .sd-field-label-bar__rail,
.sd-field-label-bar[data-sd-error] .sd-field-label-bar__rail {
  flex-basis: 26px;
  display: grid;
  place-items: center;
  font-weight: var(--sd-weight-bold);
}


.sd-field-label-bar__tick,
.sd-field-label-bar__cross { display: none; }

.sd-field-label-bar[data-sd-answered] .sd-field-label-bar__tick { display: block; }
.sd-field-label-bar[data-sd-error] .sd-field-label-bar__cross { display: block; }


.sd-field-label-bar__body {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-2);
  min-width: 0;
  padding: var(--sd-space-4) var(--sd-space-12);
}


.sd-field-label-bar__name,
.sd-field-label-bar__detail {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sd-field-label-bar__name {
  font-weight: var(--sd-weight-semibold);
}


.sd-field-label-bar__detail {
  color: var(--sd-color-text-inverse-muted);
}





.sd-editor-document {
  
  --sd-doc-width:   8.5in;
  --sd-doc-height:  11in;
  --sd-doc-margin:  calc(5in / 6);
  --sd-doc-size:    10.5pt;
  --sd-doc-lh:      15pt;
  --sd-doc-h1-size: 19.5pt;
  --sd-doc-h1-lh:   27pt;
  --sd-doc-h2-size: 12pt;
  --sd-doc-h2-lh:   18pt;

  
  --sd-text-3xs:        10px;
  --sd-text-2xs:        11px;
  --sd-text-2xs-lh:     16px;
  --sd-text-xs:         12px;
  --sd-text-xs-lh:      18px;
  --sd-text-sm:         14px;
  --sd-text-sm-lh:      20px;
  --sd-text-md:         16px;
  --sd-text-md-lh:      24px;
  --sd-text-md-lg:      18px;
  --sd-text-md-lg-lh:   28px;
  --sd-text-lg:         20px;
  --sd-text-lg-lh:      30px;
  --sd-text-xl:         24px;
  --sd-text-xl-lh:      30px;
  --sd-text-display:    44px;
  --sd-text-display-lh: 48px;
  --sd-text-entry:      16px;

  
  --sd-doc-edge:      max(1px, round(1px / var(--sd-doc-scale, 1), 1px));
  --sd-doc-edge-trim: calc(1px - var(--sd-doc-edge));

  position: relative;
  box-sizing: border-box;
  width: var(--sd-doc-width);
  min-height: var(--sd-doc-height);
  padding: var(--sd-doc-margin);
  
  flex-shrink: 0;

  
  transform: scale(var(--sd-doc-scale, 1));
  transform-origin: 0 0;
  margin-right: calc(var(--sd-doc-width) * (var(--sd-doc-scale, 1) - 1));
  margin-bottom: calc(var(--sd-doc-height) * (var(--sd-doc-scale, 1) - 1));

  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-sm);
  color: var(--sd-color-text-default);

  font-family: var(--sd-font);
  font-size: var(--sd-doc-size);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-doc-lh);
  overflow-wrap: break-word;
}


.sd-editor-document[data-sd-doc="fixed"] {
  height: var(--sd-doc-height);
  overflow: clip;
}


.sd-editor-document[data-sd-doc="fixed"]:is([data-sd-mode="editor"], :not([data-sd-mode])) :is(.sd-field-object--placed, .sd-token--placed, [data-sd-placed]) {
  touch-action: none;
}


.sd-editor-document :where(h1) {
  margin: 0 0 var(--sd-space-24);
  font-size: var(--sd-doc-h1-size);
  font-weight: var(--sd-weight-bold);
  line-height: var(--sd-doc-h1-lh);
  color: var(--sd-color-text-strong);
}

.sd-editor-document :where(h2, h3) {
  margin: 0 0 var(--sd-space-8);
  font-size: var(--sd-doc-h2-size);
  font-weight: var(--sd-weight-bold);
  line-height: var(--sd-doc-h2-lh);
  color: var(--sd-color-text-strong);
}


.sd-editor-document :where(.sd-editor-document__title) {
  margin: 0 0 var(--sd-space-24);
  font-size: var(--sd-doc-h1-size);
  line-height: var(--sd-doc-h1-lh);
}

.sd-editor-document :where(p) {
  margin: 0 0 var(--sd-doc-lh);
}

.sd-editor-document :where(p:last-child, h1:last-child, h2:last-child, h3:last-child) {
  margin-bottom: 0;
}




.sd-editor-document[data-sd-editor="editorjs"]:not([data-sd-doc="fixed"]) {
  margin-bottom: calc(var(--sd-doc-sheet-height, var(--sd-doc-height)) * (var(--sd-doc-scale, 1) - 1));
}






@media (forced-colors: active) {
  .sd-editor-document {
    border-color: CanvasText;
  }
}




.sd-editor-document__source {
  box-sizing: border-box;
  width: 100%;
  
  max-width: 8.5in;
  margin: 0 auto;
  padding: var(--sd-space-16);
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-sm);
  color: var(--sd-color-text-default);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}


.sd-editor-document[data-sd-editable][tabindex="0"]:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


.sd-editor-document[data-sd-editable][data-sd-doc="flowing"][data-sd-mode="editor"] :is(p, h1, h2, h3, h4, h5, h6, ul, ol, table)[data-sd-object="Block"] {
  cursor: text;
}

.sd-editor-document[data-sd-editable][data-sd-doc="flowing"][data-sd-mode="editor"] [contenteditable="true"][data-sd-object="Block"]:focus-visible:not([data-sd-selected]) {
  outline: none;
}




.sd-editor-document__chooser {
  position: fixed;
  inset: auto;
  margin: 0;
  padding: var(--sd-space-4);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-md);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-lg);
}

.sd-editor-document__chooser > [role="menu"] {
  display: flex;
  flex-direction: column;
}

.sd-editor-document__chooser-row {
  display: flex;
  align-items: center;
  
  min-height: var(--sd-target-touch);
  padding: 0 var(--sd-space-12);
  border: 0;
  border-radius: var(--sd-radius-xs);
  background: transparent;
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}

.sd-editor-document__chooser-row:hover,
.sd-editor-document__chooser-row:focus-visible {
  background: var(--sd-color-surface-selected);
}

.sd-editor-document__chooser-row:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
}





.sd-related-list {
  width: 100%;
  margin: 0 0 var(--sd-doc-lh, var(--sd-text-sm-lh));
  border-collapse: collapse;

  font-size: var(--sd-doc-size, var(--sd-text-sm));
  line-height: var(--sd-doc-lh, var(--sd-text-sm-lh));
  color: var(--sd-color-text-default);

  
  text-align: left;
}



.sd-related-list th,
.sd-related-list td {
  padding: var(--sd-space-8) var(--sd-space-12);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  text-align: inherit;
  vertical-align: top;
}


.sd-related-list thead th {
  background: var(--sd-color-surface-accent);
  color: var(--sd-color-text-strong);
  font-weight: var(--sd-weight-semibold);
}


.sd-related-list tfoot th,
.sd-related-list tfoot td {
  background: var(--sd-color-surface-subtle);
  color: var(--sd-color-text-strong);
  font-weight: var(--sd-weight-semibold);
}


.sd-related-list th.sd-related-list__num,
.sd-related-list td.sd-related-list__num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}




.sd-related-list[data-sd-header="hide"] thead {
  display: none;
}




.sd-related-list[data-sd-style="list"] {
  display: block;
}

.sd-related-list[data-sd-style="list"] thead {
  display: none;
}

.sd-related-list[data-sd-style="list"] tbody,
.sd-related-list[data-sd-style="list"] tfoot {
  display: block;
}

.sd-related-list[data-sd-style="list"] tr {
  display: block;
  padding: var(--sd-space-4) 0;
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-related-list[data-sd-style="list"] th,
.sd-related-list[data-sd-style="list"] td {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  font-variant-numeric: normal;
}


.sd-related-list[data-sd-style="list"] td + td::before,
.sd-related-list[data-sd-style="list"] th + td::before,
.sd-related-list[data-sd-style="list"] td + th::before {
  content: " · ";
  color: var(--sd-color-text-muted);
}

.sd-related-list[data-sd-style="list"] tfoot tr {
  border-bottom: 0;
  font-weight: var(--sd-weight-semibold);
  color: var(--sd-color-text-strong);
}




[data-sd-mode="editor"] .sd-related-list {
  cursor: pointer;
}


[data-sd-mode="editor"] .sd-related-list:hover {
  outline: calc(var(--sd-border-width) / var(--sd-doc-scale, 1)) solid var(--sd-color-border-hover);
  outline-offset: calc(var(--sd-ring-offset) / var(--sd-doc-scale, 1));
}

.sd-related-list:focus-visible {
  outline: calc(var(--sd-ring-width) / var(--sd-doc-scale, 1)) solid var(--sd-color-border-focus);
  outline-offset: calc(var(--sd-ring-offset) / var(--sd-doc-scale, 1));
}


.sd-related-list[data-sd-selected] {
  outline: calc(var(--sd-ring-width) / var(--sd-doc-scale, 1)) solid var(--sd-color-border-selected);
  outline-offset: calc(var(--sd-ring-offset) / var(--sd-doc-scale, 1));
}


.sd-related-list {
  outline-width: 0;
  transition:
    outline-width var(--sd-duration-fast) var(--sd-easing-out),
    outline-color var(--sd-duration-fast) var(--sd-easing-out);
}


.sd-related-list__empty {
  display: none;
}

[data-sd-mode="editor"] .sd-related-list:not(:has(th, td)) {
  display: block;
  box-sizing: border-box;
  
  width: calc(100% - 2 * var(--sd-doc-edge-trim, 0px));
  margin-top: var(--sd-doc-edge-trim, 0px);
  margin-inline: var(--sd-doc-edge-trim, 0px);
  padding: var(--sd-space-4) var(--sd-space-12) calc(var(--sd-space-12) + var(--sd-doc-edge-trim, 0px));
  border: var(--sd-doc-edge, 1px) dashed var(--sd-color-border-strong);
  border-radius: var(--sd-radius-md);
  
  background: var(--sd-color-surface-default);
}

[data-sd-mode="editor"] .sd-related-list:not(:has(th, td)) > .sd-related-list__empty {
  display: block;
  caption-side: top;
  text-align: center;
}


[data-sd-mode="editor"] .sd-related-list__empty-head {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  margin: calc(-1 * var(--sd-space-4)) calc(-1 * var(--sd-space-12)) var(--sd-doc-edge-trim, 0px);
  padding: var(--sd-space-8) var(--sd-space-12) var(--sd-space-4);
  border-radius: calc(var(--sd-radius-md) - var(--sd-doc-edge, 1px)) calc(var(--sd-radius-md) - var(--sd-doc-edge, 1px)) 0 0;
  border-bottom: var(--sd-doc-edge, 1px) dashed var(--sd-color-border-strong);
  background: var(--sd-color-surface-sunken);
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-xs);
  font-weight: 500;
  line-height: var(--sd-text-xs-lh);
  text-align: left;
}

[data-sd-mode="editor"] .sd-related-list__empty-icon {
  
  width: 16px;
  height: 16px;
  flex: none;
  color: var(--sd-color-icon-subtle);
}


.sd-related-list__empty-source {
  font-weight: 600;
}

.sd-related-list__empty-source:not(:empty)::before {
  content: "\00B7\00A0";
  font-weight: 500;
  color: var(--sd-color-text-muted);
}

[data-sd-mode="editor"] .sd-related-list__empty-hint {
  display: block;
  padding: var(--sd-space-12) 0 0;
  color: var(--sd-color-text-placeholder);
  font-size: var(--sd-text-xs);
  font-style: italic;
  line-height: var(--sd-text-xs-lh);
}


.sd-related-list[data-sd-related-source] .sd-related-list__empty-hint--choose,
.sd-related-list:not([data-sd-related-source]) .sd-related-list__empty-hint--add {
  display: none;
}


.sd-related-list[data-sd-placed] {
  background: var(--sd-color-surface-default);
}




@media (forced-colors: active) {
  .sd-related-list th,
  .sd-related-list td {
    border-color: CanvasText;
  }

  .sd-related-list thead th,
  .sd-related-list tfoot th,
  .sd-related-list tfoot td {
    background: Canvas;
    color: CanvasText;
  }
}





.sd-repeating-section {
  display: block;
  margin: 0 0 var(--sd-doc-lh, var(--sd-text-sm-lh));
}

.sd-repeating-section__head {
  display: none;
}

.sd-repeating-section__body > :last-child {
  margin-bottom: 0;
}


[data-sd-mode="editor"] .sd-repeating-section__body > :not(:last-child) {
  margin-bottom: var(--sd-space-8);
}





[data-sd-mode="editor"] .sd-repeating-section {
  margin-top: var(--sd-doc-edge-trim, 0px);
  margin-inline: var(--sd-doc-edge-trim, 0px);
  padding: var(--sd-space-4) var(--sd-space-8) calc(var(--sd-space-8) + var(--sd-doc-edge-trim, 0px));
  border: var(--sd-doc-edge, 1px) dashed var(--sd-color-border-repeat);
  border-radius: var(--sd-radius-md);
  cursor: default;
}


[data-sd-mode="editor"][data-sd-frames="outside"] .sd-repeating-section {
  margin-inline: calc(-1 * (var(--sd-space-8) + var(--sd-doc-edge, 1px)));
}

[data-sd-mode="editor"] .sd-repeating-section__head {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  
  margin: calc(-1 * var(--sd-space-4)) calc(-1 * var(--sd-space-8)) var(--sd-space-8);
  padding: var(--sd-space-8) var(--sd-space-8) var(--sd-space-4);
  border-radius: calc(var(--sd-radius-md) - var(--sd-doc-edge, 1px)) calc(var(--sd-radius-md) - var(--sd-doc-edge, 1px)) 0 0;
  background: var(--sd-color-surface-repeat);
  color: var(--sd-color-text-repeat);
  font-size: var(--sd-text-xs);
  font-weight: 500;
  line-height: var(--sd-text-xs-lh);
}

[data-sd-mode="editor"] .sd-repeating-section__source {
  font-weight: 600;
}

[data-sd-mode="editor"] .sd-repeating-section__icon {
  
  width: 16px;
  height: 16px;
  flex: none;
}


[data-sd-mode="editor"] .sd-repeating-section:hover:not([data-sd-selected]) {
  border-style: solid;
}

.sd-repeating-section:focus-visible {
  outline: calc(var(--sd-ring-width) / var(--sd-doc-scale, 1)) solid var(--sd-color-border-focus);
  outline-offset: calc(var(--sd-ring-offset) / var(--sd-doc-scale, 1));
}


[data-sd-mode="editor"] .sd-repeating-section__body:empty::before {
  content: "Drag fields and variables here. Everything in this section repeats once for each record.";
  display: block;
  padding: var(--sd-space-8) 0;
  color: var(--sd-color-text-placeholder);
  font-size: var(--sd-text-xs);
  font-style: italic;
  line-height: var(--sd-text-xs-lh);
  text-align: center;
}


.sd-repeating-section__warn {
  display: none;
}

[data-sd-mode="editor"] .sd-repeating-section__warn:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-8);
  margin: calc(-1 * var(--sd-space-8)) calc(-1 * var(--sd-space-8)) calc(var(--sd-space-8) + var(--sd-doc-edge-trim, 0px));
  padding: var(--sd-space-8) var(--sd-space-8);
  border-bottom: var(--sd-doc-edge, 1px) solid var(--sd-color-status-error-tint-border);
  background: var(--sd-color-status-error-tint);
  color: var(--sd-color-text-on-error);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
}

[data-sd-mode="editor"] .sd-repeating-section__warn-icon {
  
  width: 16px;
  height: 16px;
  flex: none;
  color: var(--sd-color-icon-error);
}

.sd-repeating-section__warn-text {
  flex: 1 1 auto;
  margin: 0;
}

.sd-repeating-section__warn-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sd-space-8);
}


[data-sd-mode="editor"] .sd-repeating-section[data-sd-between]::after {
  display: block;
  margin-top: var(--sd-space-8);
  color: var(--sd-color-text-placeholder);
  font-size: var(--sd-text-2xs);
  font-style: italic;
  line-height: var(--sd-text-2xs-lh);
  text-align: center;
}

[data-sd-mode="editor"] .sd-repeating-section[data-sd-between="space"]::after {
  content: "Space before the next " attr(data-sd-loop-item);
  padding: var(--sd-space-8) 0;
}

[data-sd-mode="editor"] .sd-repeating-section[data-sd-between="page-break"]::after {
  content: "Page break before the next " attr(data-sd-loop-item);
  margin-top: calc(var(--sd-space-8) + var(--sd-doc-edge-trim, 0px));
  padding-top: var(--sd-space-4);
  border-top: var(--sd-doc-edge, 1px) dashed var(--sd-color-border-default);
}


[data-sd-mode="editor"] .sd-repeating-section__summary {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  color: var(--sd-color-text-muted);
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.sd-repeating-section__tag,
.sd-repeating-section__note,
.sd-repeating-section__empty {
  display: none;
}

[data-sd-mode="preview"] .sd-repeating-section__empty:not([hidden]) {
  display: block;
  margin: 0;
}

[data-sd-mode="preview"] .sd-repeating-section {
  position: relative;
}

[data-sd-mode="preview"]:not([data-sd-show-hidden]) .sd-repeating-section__note {
  display: none;
}

[data-sd-mode="preview"] .sd-repeating-section__note:not([hidden]) {
  display: block;
  margin: var(--sd-space-8) 0 0 calc(2 * var(--sd-doc-edge-trim, 0px));
  padding: var(--sd-space-4) var(--sd-space-8);
  border-left: calc(2 * var(--sd-doc-edge, 1px)) solid var(--sd-color-border-repeat);
  background: var(--sd-color-surface-repeat);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-2xs);
  line-height: var(--sd-text-2xs-lh);
}

[data-sd-mode="preview"][data-sd-outlines] .sd-repeating-section__tag {
  display: block;
  margin: 0 0 var(--sd-space-8);
  color: var(--sd-color-text-repeat);
  font-size: var(--sd-text-2xs);
  font-weight: 500;
  line-height: var(--sd-text-2xs-lh);
}

[data-sd-mode="preview"] .sd-repeating-section[data-sd-loop-none="hide"] {
  display: none;
}

[data-sd-mode="preview"][data-sd-show-hidden] .sd-repeating-section[data-sd-loop-none="hide"] {
  display: block;
  color: var(--sd-color-text-muted);
}





.sd-repeat-item {
  position: relative;
  display: block;
}


.sd-repeat-item > :last-child {
  margin-bottom: 0;
}

.sd-repeat-item + .sd-repeat-item {
  margin-top: var(--sd-doc-lh, var(--sd-text-sm-lh));
}


[data-sd-between="space"] .sd-repeat-item + .sd-repeat-item {
  margin-top: calc(2 * var(--sd-doc-lh, var(--sd-text-sm-lh)));
}

[data-sd-between="page-break"] .sd-repeat-item + .sd-repeat-item {
  padding-top: calc(var(--sd-doc-lh, var(--sd-text-sm-lh)) + var(--sd-doc-edge-trim, 0px));
  border-top: var(--sd-doc-edge, 1px) dashed var(--sd-color-border-default);
  break-before: page;
}


[data-sd-keep-together] .sd-repeat-item {
  break-inside: avoid;
}



[data-sd-outlines] .sd-repeat-item {
  outline: calc(var(--sd-border-width) / var(--sd-doc-scale, 1)) dashed var(--sd-color-border-repeat);
  outline-offset: calc(var(--sd-space-4) / var(--sd-doc-scale, 1));
}

[data-sd-outlines] .sd-repeat-item::before {
  content: attr(data-sd-label);
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 var(--sd-space-4);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-repeat);
  color: var(--sd-color-text-repeat);
  font-size: var(--sd-text-2xs);
  font-style: normal;
  font-weight: 500;
  line-height: var(--sd-text-2xs-lh);
}





.sd-conditional-block {
  display: block;
  margin: 0 0 var(--sd-doc-lh, var(--sd-text-sm-lh));
}

.sd-conditional-block__body > :last-child {
  margin-bottom: 0;
}


[data-sd-mode="editor"] .sd-conditional-block {
  position: relative;
  
  margin-top: var(--sd-doc-edge-trim, 0px);
  margin-inline: var(--sd-doc-edge-trim, 0px);
  padding: 0 var(--sd-space-8) calc(var(--sd-space-8) + var(--sd-doc-edge-trim, 0px));
  border: var(--sd-doc-edge, 1px) dashed var(--sd-color-border-conditional);
  border-radius: var(--sd-radius-md);
  cursor: default;
}


[data-sd-mode="editor"][data-sd-frames="outside"] .sd-conditional-block {
  margin-inline: calc(-1 * (var(--sd-space-8) + var(--sd-doc-edge, 1px)));
}

[data-sd-mode="editor"] .sd-conditional-block:hover:not([data-sd-selected]) {
  border-style: solid;
}

.sd-conditional-block:focus-visible {
  outline: calc(var(--sd-ring-width) / var(--sd-doc-scale, 1)) solid var(--sd-color-border-focus);
  outline-offset: calc(var(--sd-ring-offset) / var(--sd-doc-scale, 1));
}


[data-sd-mode="editor"] .sd-conditional-block::before {
  content: "No condition yet, so this shows for every record. Add one in the panel.";
  display: block;
  margin: 0 calc(-1 * var(--sd-space-8)) var(--sd-space-8);
  
  padding: var(--sd-space-8) var(--sd-space-8) var(--sd-space-4) calc(2 * var(--sd-space-8) + 16px);
  border-radius: calc(var(--sd-radius-md) - var(--sd-doc-edge, 1px)) calc(var(--sd-radius-md) - var(--sd-doc-edge, 1px)) 0 0;
  background: var(--sd-color-surface-conditional);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  font-style: italic;
  font-weight: 500;
  line-height: var(--sd-text-xs-lh);
}

[data-sd-mode="editor"] .sd-conditional-block[data-sd-conditions-summary]::before {
  content: attr(data-sd-conditions-summary);
  font-style: normal;
}


[data-sd-mode="editor"] .sd-conditional-block:not([data-sd-conditions-summary]):not([data-sd-conditions-broken]) {
  border-style: solid;
  border-color: var(--sd-color-border-warning);
}

[data-sd-mode="editor"] .sd-conditional-block:not([data-sd-conditions-summary]):not([data-sd-conditions-broken])::before {
  background: var(--sd-color-status-warning-tint);
  color: var(--sd-color-text-default);
  font-style: normal;
}

[data-sd-mode="editor"] .sd-conditional-block:not([data-sd-conditions-summary]):not([data-sd-conditions-broken]) > .sd-conditional-block__icon {
  visibility: hidden;
}

[data-sd-mode="editor"] .sd-conditional-block:not([data-sd-conditions-summary]):not([data-sd-conditions-broken])::after {
  content: "";
  position: absolute;
  
  top: calc(var(--sd-space-8) + (var(--sd-text-xs-lh) - 16px) / 2);
  left: var(--sd-space-8);
  
  width: 16px;
  height: 16px;
  background: var(--sd-color-icon-warning);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath vector-effect='non-scaling-stroke' d='M11.9998 8.99999V13M11.9998 17H12.0098M10.6151 3.89171L2.39019 18.0983C1.93398 18.8863 1.70588 19.2803 1.73959 19.6037C1.769 19.8857 1.91677 20.142 2.14613 20.3088C2.40908 20.5 2.86435 20.5 3.77487 20.5H20.2246C21.1352 20.5 21.5904 20.5 21.8534 20.3088C22.0827 20.142 22.2305 19.8857 22.2599 19.6037C22.2936 19.2803 22.0655 18.8863 21.6093 18.0983L13.3844 3.89171C12.9299 3.10654 12.7026 2.71396 12.4061 2.58211C12.1474 2.4671 11.8521 2.4671 11.5935 2.58211C11.2969 2.71396 11.0696 3.10655 10.6151 3.89171Z'/%3E%3C/svg%3E") center / contain no-repeat;
  pointer-events: none;
}


[data-sd-mode="editor"] .sd-conditional-block[data-sd-conditions-broken] {
  border-color: var(--sd-color-status-error-border);
}

[data-sd-mode="editor"] .sd-conditional-block[data-sd-conditions-broken]::before {
  background: var(--sd-color-status-error-tint);
  color: var(--sd-color-text-error);
}


.sd-conditional-block__icon {
  display: none;
}

[data-sd-mode="editor"] .sd-conditional-block__icon {
  display: block;
  position: absolute;
  
  top: calc(var(--sd-space-8) + (var(--sd-text-xs-lh) - 16px) / 2);
  left: var(--sd-space-8);
  
  width: 16px;
  height: 16px;
  color: var(--sd-color-text-muted);
  pointer-events: none;
}

[data-sd-mode="editor"] .sd-conditional-block[data-sd-conditions-broken] > .sd-conditional-block__icon {
  color: var(--sd-color-text-error);
}


[data-sd-mode="editor"] .sd-conditional-block__body:empty::before {
  content: "Type or drag what shows when the condition holds.";
  display: block;
  padding: var(--sd-space-4) 0;
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
}





.sd-toolbar-context {
  display: inline-flex;
  align-items: center;
  gap: var(--sd-space-4);
  min-width: 0;
  max-width: 100%;
  margin-inline-start: var(--sd-space-8);
  padding: var(--sd-space-2) var(--sd-space-8);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-repeat);
  color: var(--sd-color-text-repeat);
  font-size: var(--sd-text-xs);
  font-weight: 500;
  line-height: var(--sd-text-xs-lh);
  white-space: nowrap;
}

.sd-toolbar-context[hidden] {
  display: none;
}

.sd-toolbar-context[data-sd-context="condition"] {
  background: var(--sd-color-surface-conditional);
  color: var(--sd-color-text-default);
}

.sd-toolbar-context__icon {
  
  width: 14px;
  height: 14px;
  flex: none;
}

.sd-toolbar-context__text {
  overflow: hidden;
  text-overflow: ellipsis;
}





.sd-preview-record {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-8);
  vertical-align: middle;
  margin-inline-start: var(--sd-space-8);
}

.sd-preview-record__lead {
  color: var(--sd-color-text-muted);
  font-weight: 500;
}

.sd-preview-record__live {
  display: inline-flex;
  
  width: 240px;
  max-width: 100%;
}

.sd-preview-record__live > * {
  flex: 1 1 auto;
  min-width: 0;
}

.sd-preview-record__live[hidden] {
  display: none;
}


.sd-preview-record--find {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
  width: 100%;
  min-height: 0;
  height: 100%;
  margin: 0;
  overflow-y: auto;
  background: var(--sd-color-surface-default);
  
  container: sd-preview-tab / size;
}

.sd-preview-record__tab {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}


.sd-preview-record__bar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-12);
  flex: 0 0 auto;
  padding: var(--sd-space-16) var(--sd-space-24);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-preview-record__find {
  display: flex;
  flex-direction: column;
}

.sd-preview-record__rows {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-2);
  margin: 0;
  padding: var(--sd-space-8) var(--sd-space-12) var(--sd-space-16);
  list-style: none;
}

.sd-preview-record__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}


.sd-preview-record__matches {
  position: fixed;
  inset: auto;
  top: var(--sd-preview-matches-y, 0px);
  left: var(--sd-preview-matches-x, 0px);
  width: var(--sd-preview-matches-w, auto);
  max-height: var(--sd-preview-matches-h, none);
  margin: 0;
  padding: var(--sd-space-4);
  overflow-y: auto;
  list-style: none;
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-md);
  box-shadow: var(--sd-shadow-lg);
  color: var(--sd-color-text-default);
  font-family: var(--sd-font);
}

.sd-preview-record__matches:not(:popover-open) {
  display: none;
}


@container sd-preview-tab (max-height: 360px) {
  .sd-preview-record__tab {
    flex: 1 0 auto;
  }

  .sd-preview-record__scroll {
    flex: 1 0 auto;
    overflow: visible;
  }
}

.sd-preview-record__scroll[hidden],
.sd-preview-record__card[hidden],
.sd-preview-record__data[hidden],
.sd-preview-record__empty[hidden],
.sd-preview-record__default[hidden] {
  display: none;
}


.sd-preview-record__match,
.sd-preview-record__row {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  width: 100%;
  margin: 0;
  padding: var(--sd-space-8) var(--sd-space-12);
  border: 0;
  border-radius: var(--sd-radius-md);
  background: transparent;
  color: var(--sd-color-text-default);
  font: inherit;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  text-align: left;
}

.sd-preview-record__match {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sd-space-2);
  cursor: pointer;
}


.sd-preview-record__match[aria-selected="true"] {
  background: var(--sd-color-surface-hover);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
}

button.sd-preview-record__row {
  cursor: pointer;
}

.sd-preview-record__match:hover,
button.sd-preview-record__row:hover {
  background: var(--sd-color-surface-hover);
}

.sd-preview-record__match:focus-visible,
.sd-preview-record__row:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
}

.sd-preview-record__match[aria-current="true"],
.sd-preview-record__row[aria-current="true"] {
  background: var(--sd-color-surface-selected);
}

.sd-preview-record__match-name,
.sd-preview-record__data-sum {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-8);
  margin: 0;
}

.sd-preview-record__match-name {
  color: var(--sd-color-text-strong);
  font-weight: var(--sd-weight-medium);
}

.sd-preview-record__id,
.sd-preview-record__row-path,
.sd-preview-record__data-sum,
.sd-preview-record__page {
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
}

.sd-preview-record__id,
.sd-preview-record__page,
.sd-preview-record__use {
  font-variant-numeric: tabular-nums;
}

.sd-preview-record__none {
  padding: var(--sd-space-8) var(--sd-space-12);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}


.sd-preview-record__card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-12);
  flex: 0 0 auto;
  padding: var(--sd-space-12) var(--sd-space-24);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-preview-record__card > [data-sd-preview-act]:not([hidden]) {
  margin-left: auto;
}

.sd-preview-record__card > [data-sd-preview-act] {
  flex: 0 0 auto;
}

.sd-preview-record__card > [data-sd-preview-act][hidden] {
  display: none;
}

.sd-preview-record__empty {
  margin: 0;
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}


.sd-preview-record__records,
.sd-preview-record__kit {
  display: none;
}

.sd-preview-record__default {
  display: inline-flex;
}


.sd-preview-record__data {
  padding-bottom: var(--sd-space-8);
}


.sd-preview-record__data-head {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-4);
  padding: var(--sd-space-16) var(--sd-space-24) 0;
}

.sd-preview-record__data-title {
  margin: 0;
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
}

.sd-preview-record__item {
  display: flex;
  flex-direction: column;
}

.sd-preview-record__row-icon {
  flex: 0 0 auto;
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  color: var(--sd-color-icon-muted);
}

.sd-preview-record__row-text {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}

.sd-preview-record__row-name {
  overflow: hidden;
  color: var(--sd-color-text-strong);
  font-weight: var(--sd-weight-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sd-preview-record__row-path {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.sd-preview-record__end {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  flex: 0 1 auto;
  min-width: 0;
  max-width: 55%;
  margin-left: auto;
}

.sd-preview-record__value {
  min-width: 0;
  overflow: hidden;
  color: var(--sd-color-text-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
}


.sd-preview-record__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-12) var(--sd-space-24);
  flex: 0 0 auto;
  padding: var(--sd-space-16) var(--sd-space-24);
  border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
  background: var(--sd-color-surface-default);
}


[data-sd-preview-highlighted]:not([data-sd-preview-loading]) [data-sd-preview-path]:not([data-sd-preview-blank]) {
  border-radius: var(--sd-radius-xs);
  background: var(--sd-color-surface-merged);
  box-shadow: 0 0 0 1px var(--sd-color-surface-merged);
}


[data-sd-preview-flash] {
  border-radius: var(--sd-radius-xs);
  animation: sd-preview-flash var(--sd-duration-flash) var(--sd-easing-out);
}

@keyframes sd-preview-flash {
  0%, 35% {
    background: var(--sd-color-surface-merged-found);
    box-shadow: 0 0 0 var(--sd-space-4) var(--sd-color-surface-merged-found);
  }
}


@media (prefers-reduced-motion: reduce) {
  [data-sd-preview-flash] {
    animation-duration: 1ms;
  }
}


[data-sd-preview-loading] [data-sd-mode],
[data-sd-preview-loading] [data-sd-mode] * {
  color: transparent;
  text-decoration-line: line-through;
  text-decoration-color: var(--sd-color-surface-skeleton);
  text-decoration-thickness: 0.62em;
  text-decoration-skip-ink: none;
  animation: sd-preview-breathe var(--sd-duration-breathe) var(--sd-easing) infinite;
}

[data-sd-preview-loading] [data-sd-mode] * {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

[data-sd-preview-loading] [data-sd-mode] :is(svg, img) {
  visibility: hidden;
}

[data-sd-preview-loading] [data-sd-mode]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 44%, var(--sd-color-surface-default) 50%, transparent 56%);
  background-size: 300% 100%;
  opacity: 0.72;
  pointer-events: none;
  animation: sd-preview-sweep var(--sd-duration-breathe) linear infinite;
}


[data-sd-preview-loading] {
  pointer-events: none;
}

@keyframes sd-preview-breathe {
  50% { text-decoration-color: var(--sd-color-surface-skeleton-soft); }
}

@keyframes sd-preview-sweep {
  from { background-position: 100% 0; }
  to   { background-position: 0 0; }
}


@media (prefers-reduced-motion: reduce) {
  [data-sd-preview-loading] [data-sd-mode],
  [data-sd-preview-loading] [data-sd-mode] *,
  [data-sd-preview-loading] [data-sd-mode]::after {
    animation: none;
  }
}





.sd-selection-rig {
  
  --sd-rig-mark: var(--sd-color-border-selected);

  
  --sd-rig-s: var(--sd-doc-scale, 1);
  
  --sd-rig-reach: calc(8px / var(--sd-rig-s));

  
  --sd-rig-tuck-top: 0px;
  --sd-rig-tuck-right: 0px;
  --sd-rig-tuck-bottom: 0px;
  --sd-rig-tuck-left: 0px;

  position: absolute;
  inset: 0;

  
  pointer-events: none;

  
  z-index: calc(var(--sd-z-raised) + 1);
}


.sd-selection-rig[hidden] { display: none; }


.sd-selection-rig {
  transition:
    opacity var(--sd-duration-fast) var(--sd-easing-out),
    display var(--sd-duration-fast) allow-discrete;
}

.sd-selection-rig[hidden] {
  opacity: 0;
  transition-timing-function: var(--sd-easing-in);
}

@starting-style {
  .sd-selection-rig {
    opacity: 0;
  }
}

.sd-selection-rig__handle {
  position: absolute;
  
  width: calc(16px / var(--sd-rig-s));
  height: calc(16px / var(--sd-rig-s));
  pointer-events: auto;
  
  touch-action: none;
}

.sd-selection-rig__handle::before {
  content: "";
  position: absolute;
  inset: calc(3px / var(--sd-rig-s));
  border: calc(1px / var(--sd-rig-s)) solid var(--sd-rig-mark);
  border-radius: calc(1px / var(--sd-rig-s));
  background: var(--sd-color-surface-default);
}


.sd-selection-rig__handle--tl {
  top:  calc(var(--sd-rig-tuck-top) - var(--sd-rig-reach));
  left: calc(var(--sd-rig-tuck-left) - var(--sd-rig-reach));
  cursor: nwse-resize;
}

.sd-selection-rig__handle--tr {
  top:   calc(var(--sd-rig-tuck-top) - var(--sd-rig-reach));
  right: calc(var(--sd-rig-tuck-right) - var(--sd-rig-reach));
  cursor: nesw-resize;
}

.sd-selection-rig__handle--bl {
  bottom: calc(var(--sd-rig-tuck-bottom) - var(--sd-rig-reach));
  left:   calc(var(--sd-rig-tuck-left) - var(--sd-rig-reach));
  cursor: nesw-resize;
}

.sd-selection-rig__handle--br {
  bottom: calc(var(--sd-rig-tuck-bottom) - var(--sd-rig-reach));
  right:  calc(var(--sd-rig-tuck-right) - var(--sd-rig-reach));
  cursor: nwse-resize;
}




.sd-selection-rig__badge { display: none; }

.sd-selection-rig[data-sd-rig="resize"] .sd-selection-rig__badge {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  
  transform: translateX(-50%) scale(calc(1 / var(--sd-rig-s)));
  transform-origin: 50% 0;
  margin-top: calc(var(--sd-space-8) / var(--sd-rig-s));
  padding: var(--sd-space-2) var(--sd-space-4);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-selected-badge);
  color: var(--sd-color-text-inverse);
  font-family: var(--sd-font);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-semibold);
  
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}


.sd-selection-rig[data-sd-badge="inside"] .sd-selection-rig__badge {
  top: auto;
  bottom: calc(var(--sd-space-2) / var(--sd-rig-s));
  margin-top: 0;
  transform-origin: 50% 100%;
}





@media (any-pointer: coarse) {
  .sd-selection-rig {
    
    --sd-rig-press-out: calc(28px / var(--sd-rig-s));
  }

  .sd-selection-rig__handle {
    
    width: calc(44px / var(--sd-rig-s));
    height: calc(44px / var(--sd-rig-s));
  }

  .sd-selection-rig__handle--tl { margin-top: calc(-1 * var(--sd-rig-press-out)); margin-left: calc(-1 * var(--sd-rig-press-out)); }
  .sd-selection-rig__handle--tr { margin-top: calc(-1 * var(--sd-rig-press-out)); margin-right: calc(-1 * var(--sd-rig-press-out)); }
  .sd-selection-rig__handle--bl { margin-bottom: calc(-1 * var(--sd-rig-press-out)); margin-left: calc(-1 * var(--sd-rig-press-out)); }
  .sd-selection-rig__handle--br { margin-bottom: calc(-1 * var(--sd-rig-press-out)); margin-right: calc(-1 * var(--sd-rig-press-out)); }

  .sd-selection-rig__handle--tl::before { inset: calc(3px / var(--sd-rig-s) + var(--sd-rig-press-out)) calc(3px / var(--sd-rig-s)) calc(3px / var(--sd-rig-s)) calc(3px / var(--sd-rig-s) + var(--sd-rig-press-out)); }
  .sd-selection-rig__handle--tr::before { inset: calc(3px / var(--sd-rig-s) + var(--sd-rig-press-out)) calc(3px / var(--sd-rig-s) + var(--sd-rig-press-out)) calc(3px / var(--sd-rig-s)) calc(3px / var(--sd-rig-s)); }
  .sd-selection-rig__handle--bl::before { inset: calc(3px / var(--sd-rig-s)) calc(3px / var(--sd-rig-s)) calc(3px / var(--sd-rig-s) + var(--sd-rig-press-out)) calc(3px / var(--sd-rig-s) + var(--sd-rig-press-out)); }
  .sd-selection-rig__handle--br::before { inset: calc(3px / var(--sd-rig-s)) calc(3px / var(--sd-rig-s) + var(--sd-rig-press-out)) calc(3px / var(--sd-rig-s) + var(--sd-rig-press-out)) calc(3px / var(--sd-rig-s)); }
}




@media (forced-colors: active) {
  .sd-selection-rig__handle::before {
    border-color: Highlight;
    background: Canvas;
    forced-color-adjust: none;
  }

  .sd-selection-rig[data-sd-rig="resize"] .sd-selection-rig__badge {
    background: Highlight;
    color: HighlightText;
    forced-color-adjust: none;
  }
}






.sd-insertion {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--sd-z-overlay);

  
  --sd-ins-mark: var(--sd-color-border-selected);

  
  --sd-ins-mark-soft: color-mix(in srgb, var(--sd-ins-mark) 10%, transparent);
}


.sd-insertion [hidden] {
  display: none;
}


.sd-insertion > * {
  position: absolute;
  pointer-events: none;
}




.sd-insertion__ghost {
  display: inline-flex;
  align-items: center;
  
  max-width: 240px;
  padding: var(--sd-space-2) var(--sd-space-4);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-lg);
  white-space: nowrap;
  opacity: 0.95;
}


.sd-insertion__ghost > * {
  position: static;
}


.sd-insertion__ghost--block {
  display: block;
  
  width: 240px;
  white-space: normal;
}


.sd-insertion__ghost[data-sd-refused] {
  opacity: var(--sd-opacity-ghost);
  box-shadow: inset 0 0 0 2px var(--sd-color-status-error-border);
}


.sd-insertion__ghost[data-sd-refused-why] {
  opacity: 1;
}


.sd-insertion__ghost[data-sd-refused-why]::after,
.sd-insertion__note {
  margin-top: var(--sd-space-4);
  padding: var(--sd-space-2) var(--sd-space-8);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-lg);
  color: var(--sd-color-text-error);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-semibold);
  white-space: nowrap;
}

.sd-insertion__ghost[data-sd-refused-why]::after {
  content: attr(data-sd-refused-why);
  position: absolute;
  top: 100%;
  left: 0;
}




.sd-insertion__caret {
  width: 2px;
  background: var(--sd-ins-mark);
  border-radius: 1px;
}

.sd-insertion__caret::before,
.sd-insertion__caret::after {
  content: "";
  position: absolute;
  left: -2px;
  
  width: 6px;
  height: 2px;
  background: var(--sd-ins-mark);
}

.sd-insertion__caret::before { top: -2px; }
.sd-insertion__caret::after { bottom: -2px; }




.sd-insertion__rule {
  
  height: 2px;
  background: var(--sd-ins-mark);
  border-radius: 1px;
}

.sd-insertion__rule::before {
  content: "";
  position: absolute;
  left: -3px;
  top: -3px;
  
  width: 8px;
  height: 8px;
  border-radius: var(--sd-radius-full);
  background: var(--sd-ins-mark);
}




.sd-insertion__box {
  border: 2px dashed var(--sd-ins-mark);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-ins-mark-soft);
}




.sd-insertion__lens {
  
  width: 120px;
  height: 120px;
  overflow: hidden;
  border: 2px solid var(--sd-ins-mark);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-lg);
  
  contain: strict;
}


.sd-insertion__lens-page {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  --sd-doc-scale: 1;
}


.sd-insertion__lens-page > * {
  position: relative;
  margin: 0;
}


.sd-insertion__lens-mark {
  position: absolute;
  pointer-events: none;
}


.sd-insertion__lens-lifted {
  opacity: var(--sd-opacity-ghost);
}


@media (prefers-reduced-motion: no-preference) {
  .sd-insertion__lens {
    animation: sd-insertion-lens-in var(--sd-duration-base) var(--sd-easing);
  }
}

@keyframes sd-insertion-lens-in {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
}


[data-sd-drop][data-sd-placing] {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}




.sd-insertion > .sd-insertion__grip {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-icon-default);
  cursor: grab;
  touch-action: none;
}


.sd-insertion > .sd-insertion__grip[hidden] {
  display: none;
}


.sd-insertion__grip::before {
  content: "";
  
  width: 12px;
  height: 18px;
  background-image: radial-gradient(circle, currentColor 1.5px, transparent 2px);
  background-size: 6px 6px;
}

.sd-insertion > .sd-insertion__grip:hover {
  background: var(--sd-color-surface-hover);
  color: var(--sd-color-icon-strong);
}

.sd-insertion > .sd-insertion__grip:active {
  cursor: grabbing;
}

.sd-insertion > .sd-insertion__grip:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}




.sd-insertion__live {
  
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}




[data-sd-drag][data-sd-armed] {
  
  outline: var(--sd-ring-width) solid var(--sd-color-border-selected);
  outline-offset: var(--sd-ring-offset-inset);
}


[data-sd-drag] {
  cursor: grab;
}


[data-sd-drop="fixed"],
[data-sd-doc="fixed"][data-sd-drop=""],
[data-sd-doc="fixed"] [data-sd-drop=""] {
  position: relative;
}


[data-sd-drop][data-sd-dropping] {
  
  outline: var(--sd-ring-width) solid var(--sd-color-border-selected);
  
  outline-offset: var(--sd-space-4);
}




@media (forced-colors: active) {
  .sd-insertion__caret,
  .sd-insertion__rule,
  .sd-insertion__caret::before,
  .sd-insertion__caret::after,
  .sd-insertion__rule::before {
    background: CanvasText;
  }

  .sd-insertion__box {
    border-color: CanvasText;
    background: transparent;
  }

  .sd-insertion__lens {
    border-color: CanvasText;
  }

  [data-sd-drag][data-sd-armed],
  [data-sd-drop][data-sd-dropping] {
    outline-color: Highlight;
  }
}


.sd-insertion > .sd-insertion__grip {
  transition: background-color var(--sd-duration-base) var(--sd-easing), color var(--sd-duration-base) var(--sd-easing);
}




@media (any-pointer: coarse) {
  .sd-insertion > .sd-insertion__grip {
    --sd-grip-reach: calc((var(--sd-target-touch) - 24px) / 2);
    width: var(--sd-target-touch);
    height: var(--sd-target-touch);
    padding: var(--sd-grip-reach);
    margin: calc(-1 * var(--sd-grip-reach));
    background-clip: content-box;
  }
}









.sd-properties-panel {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  border-left: var(--sd-border-width) solid var(--sd-color-border-default);
  background: var(--sd-color-surface-default);
  overflow: auto;

  
  --sd-label-col: calc(96 * var(--sd-text-unit));
}




.sd-properties-panel__head {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  padding: var(--sd-space-8) var(--sd-space-20) calc(var(--sd-space-8) - var(--sd-border-width));
  min-height: var(--sd-title-bar);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  position: sticky;
  top: 0;
  z-index: var(--sd-z-raised);
  background: var(--sd-color-surface-default);
}


.sd-properties-panel {
  scroll-padding-top: var(--sd-title-bar);
}

.sd-properties-panel__controls {
  isolation: isolate;
}


.sd-properties-panel__title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-md);
  font-weight: var(--sd-weight-bold);
  line-height: var(--sd-text-md-lh);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sd-properties-panel__close {
  display: inline-flex;
  flex-shrink: 0;
}




.sd-properties-panel {
  transition: visibility 0s;
}

.sd-properties-panel:not([data-sd-selection]) {
  visibility: hidden;
  transition: visibility 0s linear var(--sd-duration-slow);
}


.sd-properties-panel__body {
  display: flex;
  flex-direction: column;
  gap: 0;
}


.sd-properties-panel__controls {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-12);
  padding: var(--sd-space-16);
}


.sd-properties-panel [data-sd-for-kind],
.sd-properties-panel [data-sd-for-type] {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-12);
}

.sd-properties-panel [data-sd-for-kind][data-sd-off],
.sd-properties-panel [data-sd-for-type][data-sd-off] {
  display: none;
}


.sd-properties-panel [data-sd-group-row][data-sd-off] {
  display: none !important;
}


.sd-properties-panel [data-sd-bare] {
  display: none !important;
}

.sd-properties-panel__body {
  margin: 0;
}




.sd-properties-panel__hint {
  margin: 0;
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-2xs);
  line-height: 15px;
}




.sd-properties-panel__count {
  margin: 0;
  padding: var(--sd-space-12) var(--sd-space-16) var(--sd-space-16);
  border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-2xs);
}

.sd-properties-panel__count strong {
  color: var(--sd-color-text-strong);
  font-weight: var(--sd-weight-bold);
}




:where([data-sd-object]) {
  cursor: default;
}

:where([data-sd-mode="editor"] [data-sd-object]) {
  cursor: pointer;
}


:where([data-sd-object])[data-sd-selected] {
  outline: calc(var(--sd-ring-width) / var(--sd-doc-scale, 1)) solid var(--sd-color-border-selected);
  outline-offset: calc(var(--sd-ring-offset) / var(--sd-doc-scale, 1));
}

:where([data-sd-object]):focus-visible {
  outline: calc(var(--sd-ring-width) / var(--sd-doc-scale, 1)) solid var(--sd-color-border-selected);
  outline-offset: calc(var(--sd-ring-offset) / var(--sd-doc-scale, 1));
}


:where([data-sd-object]) {
  outline-width: 0;
  transition:
    outline-width var(--sd-duration-fast) var(--sd-easing-out),
    outline-color var(--sd-duration-fast) var(--sd-easing-out);
}




[data-sd-object] :is([data-sd-slot="label"], [data-sd-slot="prefill"], [data-sd-slot="default"], [data-sd-slot="resolved"], [data-sd-slot="value"]) {
  display: none;
}






[data-sd-object] [data-sd-slot="label"] {
  display: inline;
}




:where([data-sd-mode="signer"]) [data-sd-object] :is([data-sd-slot="label"], [data-sd-slot="prefill"], [data-sd-slot="default"], [data-sd-slot="resolved"], [data-sd-slot="value"]) {
  display: none;
}


:where([data-sd-mode="signer"]) [data-sd-object]:where([data-sd-value]) [data-sd-slot="value"] {
  display: inline;
}


:where([data-sd-mode="signer"]) [data-sd-object]:where(:not([data-sd-value])[data-sd-resolved]) [data-sd-slot="resolved"] {
  display: inline;
}


:where([data-sd-mode="signer"]) [data-sd-object]:where(:not([data-sd-value]):not([data-sd-resolved])[data-sd-default]) [data-sd-slot="default"] {
  display: inline;
}


:where([data-sd-mode="signer"]) [data-sd-object]:where(:not([data-sd-value]):not([data-sd-resolved]):not([data-sd-default])) [data-sd-slot="label"] {
  display: inline;
}




[data-sd-slot="label"] {
  color: var(--sd-color-text-muted);
}




@media (forced-colors: active) {
  :where([data-sd-object])[data-sd-selected],
  :where([data-sd-object]):focus-visible {
    outline-color: Highlight;
  }
}


.sd-properties-panel__nudges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sd-space-4);
}






.sd-size-lock {
  display: flex;
  align-items: center;
  gap: var(--sd-space-4);
}

.sd-size-lock__fields {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-12);
  flex: 1 1 0;
  min-width: 0;
}


.sd-size-lock__bracket {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sd-space-4);
  flex-shrink: 0;
  color: var(--sd-color-icon-muted);
}


.sd-size-lock__arm {
  width: 12px;
  height: 12px;
  border-right: var(--sd-border-width) solid var(--sd-color-border-strong);
}

.sd-size-lock__arm:first-child {
  border-top: var(--sd-border-width) solid var(--sd-color-border-strong);
}

.sd-size-lock__arm:last-child {
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-strong);
}


.sd-size-lock__glyph {
  display: inline-flex;
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  flex-shrink: 0;
}




.sd-size-lock__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-icon-muted);
  cursor: pointer;
}

.sd-size-lock__toggle:hover,
.sd-size-lock__toggle[aria-pressed="true"] {
  color: var(--sd-color-icon-strong);
}

.sd-size-lock__toggle[aria-pressed="true"] .sd-size-lock__open,
.sd-size-lock__toggle:not([aria-pressed="true"]) .sd-size-lock__closed {
  display: none;
}




@media (any-pointer: coarse) {
  .sd-size-lock__toggle {
    --sd-sl-reach: calc((var(--sd-target-touch) - var(--sd-icon-md)) / 2);
    width: var(--sd-target-touch);
    height: var(--sd-target-touch);
    margin: calc(-1 * var(--sd-sl-reach));
    background-clip: content-box;
    padding: var(--sd-sl-reach);
  }
}





.sd-properties-geometry {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-12);
}







.sd-properties-geometry[data-sd-geometry="inline"] {
  display: none;
}


.sd-properties-geometry[data-sd-geometry="sized"] [data-sd-geom-place] {
  display: none;
}





.sd-steps {
  display: flex;
  flex-direction: row;
  align-items: flex-start;

  
  width: 100%;

  margin: 0;
  padding: 0;
  list-style: none;
}


.sd-steps > .sd-step {
  flex: 1 1 0;
  padding-inline: var(--sd-space-4);
}





.sd-step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sd-space-4);
  text-align: center;
}


.sd-step::before,
.sd-step::after {
  content: "";
  position: absolute;
  top: 9px;
  
  width: calc(50% - 10px);
  height: 2px;
  background: var(--sd-color-border-subtle);
}

.sd-step::before {
  left: 0;
  border-radius: 0 var(--sd-radius-xs) var(--sd-radius-xs) 0;
}

.sd-step::after {
  right: 0;
  border-radius: var(--sd-radius-xs) 0 0 var(--sd-radius-xs);
}

.sd-step:first-child::before,
.sd-step:last-child::after {
  content: none;
}

.sd-step--done::after,
.sd-step--done + .sd-step::before {
  background: var(--sd-color-border-step-done);
}



.sd-step__marker {
  display: flex;
  align-items: center;
  justify-content: center;
  
  width: 20px;
  height: 20px;
  border: 2px solid var(--sd-color-border-step-todo);
  border-radius: var(--sd-radius-full);
  flex-shrink: 0;
  box-sizing: border-box;
}

.sd-step--done > .sd-step__marker {
  border-color: transparent;
  background: var(--sd-color-surface-step-done);
  color: var(--sd-color-icon-success);
}

.sd-step--current > .sd-step__marker {
  border-color: transparent;
  background: var(--sd-color-surface-step-current);
  color: var(--sd-color-icon-inverse);
}


.sd-step__tick,
.sd-step__dot {
  display: none;
}

.sd-step--done > .sd-step__marker > .sd-step__tick {
  display: block;
  
  width: 12px;
  height: 12px;
}

.sd-step--current > .sd-step__marker > .sd-step__dot {
  display: block;
  
  width: 10px;
  height: 10px;
  fill: currentColor;
}




.sd-step__label {
  
  min-width: 50px;
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-sm-lh);
}

.sd-step--done > .sd-step__label {
  color: var(--sd-color-text-default);
}

.sd-step--current > .sd-step__label {
  color: var(--sd-color-text-strong);
  font-weight: var(--sd-weight-bold);
}


.sd-step__said {
  display: none;
}

.sd-step:not(.sd-step--done):not(.sd-step--current) > .sd-step__label > .sd-step__said--todo,
.sd-step--done > .sd-step__label > .sd-step__said--done,
.sd-step--current > .sd-step__label > .sd-step__said--current {
  display: inline;
}





.sd-signing-timeline {
  display: block;
  padding: var(--sd-space-16);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-md);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-default);
}

.sd-signing-timeline--done {
  border-color: var(--sd-color-status-success-tint-border);
  background: var(--sd-color-status-success-tint);
}

.sd-signing-timeline--declined {
  border-color: var(--sd-color-status-error-tint-border);
  background: var(--sd-color-status-error-tint);
}


.sd-signing-timeline--stopped {
  background: var(--sd-color-surface-subtle);
}



.sd-signing-timeline__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sd-space-12);
  border-radius: var(--sd-radius-sm);
  cursor: pointer;
  list-style: none;
}


.sd-signing-timeline__summary::-webkit-details-marker {
  display: none;
}

.sd-signing-timeline__document {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sd-signing-timeline__label {
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
}

.sd-signing-timeline__name {
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-sm-lh);
  overflow-wrap: anywhere;
}

.sd-signing-timeline__status {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  flex-shrink: 0;
}

.sd-signing-timeline__chevron {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  color: var(--sd-color-icon-muted);
  transition: transform var(--sd-duration-base) var(--sd-easing);
}

.sd-signing-timeline[open] .sd-signing-timeline__chevron {
  transform: rotate(180deg);
}

.sd-signing-timeline__word {
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-sm-lh);
  white-space: nowrap;
}

.sd-signing-timeline__marker {
  display: flex;
  align-items: center;
  justify-content: center;
  
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-subtle);
  color: var(--sd-color-icon-muted);
}

.sd-signing-timeline--done .sd-signing-timeline__marker {
  background: var(--sd-color-surface-step-done);
  color: var(--sd-color-icon-success);
}

.sd-signing-timeline--declined .sd-signing-timeline__marker {
  background: var(--sd-color-surface-step-declined);
  color: var(--sd-color-icon-error);
}


.sd-signing-timeline--stopped .sd-signing-timeline__marker {
  background: var(--sd-color-surface-default);
}


.sd-signing-timeline__tick,
.sd-signing-timeline__spinner,
.sd-signing-timeline__cross,
.sd-signing-timeline__dash {
  display: none;
  
  width: 14px;
  height: 14px;
}

.sd-signing-timeline:not(.sd-signing-timeline--done, .sd-signing-timeline--declined, .sd-signing-timeline--stopped) .sd-signing-timeline__spinner,
.sd-signing-timeline--done .sd-signing-timeline__tick,
.sd-signing-timeline--declined .sd-signing-timeline__cross,
.sd-signing-timeline--stopped .sd-signing-timeline__dash {
  display: block;
}



.sd-signing-timeline__steps {
  display: flex;
  flex-direction: column;
  margin: var(--sd-space-16) 0 0;
  padding: 0;
  list-style: none;
}




.sd-signing-timeline--waiting {
  background: var(--sd-color-surface-subtle);
}

.sd-signing-timeline--waiting .sd-signing-timeline__summary {
  cursor: default;
}

.sd-signing-timeline--waiting .sd-signing-timeline__name,
.sd-signing-timeline--waiting .sd-signing-timeline__word {
  color: var(--sd-color-text-muted);
}


.sd-signing-timeline--waiting .sd-signing-timeline__word {
  border-radius: var(--sd-radius-sm);
  cursor: default;
}




@media (any-pointer: coarse) {
  .sd-signing-timeline__summary {
    min-height: var(--sd-target-touch);
  }
}





.sd-signing-timeline-step {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: var(--sd-space-12);
  padding-bottom: var(--sd-space-16);
}

.sd-signing-timeline-step:last-child:not(.sd-signing-timeline-step--current),
.sd-signing-timeline-step--declined {
  padding-bottom: 0;
}


.sd-signing-timeline-step::after {
  content: "";
  position: absolute;
  top: calc(24px + var(--sd-space-4));
  bottom: var(--sd-space-4);
  left: 11px;
  
  width: 2px;
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-border-step-done);
}

.sd-signing-timeline-step:last-child:not(.sd-signing-timeline-step--current)::after,
.sd-signing-timeline-step--declined::after {
  content: none;
}

.sd-signing-timeline-step--current::after {
  background: var(--sd-color-border-subtle);
}



.sd-signing-timeline-step__marker {
  display: flex;
  align-items: center;
  justify-content: center;
  
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-step-done);
  color: var(--sd-color-icon-success);
}


.sd-signing-timeline-step--declined .sd-signing-timeline-step__marker {
  background: var(--sd-color-surface-step-declined);
  color: var(--sd-color-icon-error);
}


.sd-signing-timeline-step__tick,
.sd-signing-timeline-step__spinner,
.sd-signing-timeline-step__cross {
  display: none;
  
  width: 14px;
  height: 14px;
}

.sd-signing-timeline-step:not(.sd-signing-timeline-step--current, .sd-signing-timeline-step--declined) .sd-signing-timeline-step__tick,
.sd-signing-timeline-step--current .sd-signing-timeline-step__spinner,
.sd-signing-timeline-step--declined .sd-signing-timeline-step__cross {
  display: block;
}




.sd-signing-timeline-step__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-top: var(--sd-space-2);
}

.sd-signing-timeline-step__label {
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-sm-lh);
  overflow-wrap: anywhere;
}

.sd-signing-timeline-step__time {
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}


.sd-signing-timeline-step__said {
  display: none;
}

.sd-signing-timeline-step:not(.sd-signing-timeline-step--current, .sd-signing-timeline-step--declined) .sd-signing-timeline-step__said--done,
.sd-signing-timeline-step--current .sd-signing-timeline-step__said--current,
.sd-signing-timeline-step--declined .sd-signing-timeline-step__said--declined {
  display: inline;
}





.sd-file-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-12);
  padding: var(--sd-space-16);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
}




.sd-file-row__glyph {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  color: var(--sd-color-icon-subtle);
}


.sd-file-row__page {
  width: auto;
  height: 100%;
  aspect-ratio: 4 / 5;
}


.sd-file-row__kind {
  position: absolute;
  left: 3px;
  bottom: 7px;
  padding: 2px 3px;
  border-radius: var(--sd-radius-xs);
  background: var(--sd-color-status-error-fill);
  color: var(--sd-color-text-inverse);
  
  font-size: var(--sd-text-3xs);
  font-weight: var(--sd-weight-bold);
  line-height: 1;
  text-transform: uppercase;
}



.sd-file-row__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
}


.sd-file-row__name {
  overflow: hidden;
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-bold);
  line-height: var(--sd-text-sm-lh);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sd-file-row__meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  overflow: hidden;
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  white-space: nowrap;
}


.sd-file-row__dot {
  
  width: 4px;
  height: 4px;
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-border-strong);
  flex-shrink: 0;
}




.sd-file-row--compact {
  gap: var(--sd-space-8);
  padding: var(--sd-space-12);
}


.sd-file-row--compact .sd-file-row__glyph {
  width: 32px;
  height: 32px;
}

.sd-file-row--compact .sd-file-row__kind {
  left: 1px;
  bottom: 5px;
  padding: 1px 2px;
  
  font-size: 8px;
}




.sd-file-row:has(.sd-file-row__actions:not(:empty)) {
  flex-wrap: wrap;
}

.sd-file-row:has(.sd-file-row__actions:not(:empty)) .sd-file-row__body {
  flex: 1 1 10rem;
}

.sd-file-row__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--sd-space-8);
  margin-left: auto;
  flex-shrink: 0;
}

.sd-file-row__actions:empty {
  display: none;
}



.sd-file-row--wrap .sd-file-row__name {
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}




.sd-file-row--busy {
  background: var(--sd-color-surface-sunken);
}

.sd-file-row--busy .sd-file-row__page {
  opacity: var(--sd-opacity-ghost);
}

.sd-file-row--busy .sd-file-row__name {
  color: var(--sd-color-text-muted);
}

.sd-file-row__busy {
  display: inline-flex;
  align-items: center;
  gap: var(--sd-space-8);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  white-space: nowrap;
}

.sd-file-row__busy-icon {
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  flex-shrink: 0;
  color: var(--sd-color-icon-muted);
}




.sd-file-row--ended {
  background: var(--sd-color-surface-sunken);
}

.sd-file-row--ended .sd-file-row__page {
  opacity: var(--sd-opacity-ghost);
}

.sd-file-row--ended .sd-file-row__kind {
  background: var(--sd-color-status-stopped-fill);
}

.sd-file-row--ended .sd-file-row__name {
  color: var(--sd-color-text-muted);
}




.sd-file-row--error {
  background: var(--sd-color-status-error-tint);
  border-color: var(--sd-color-status-error-tint-border);
}





.sd-step-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-4);
  padding: calc(var(--sd-space-20) - var(--sd-border-width)) calc(var(--sd-space-24) - var(--sd-border-width));
  min-width: 0;
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-md);
  font-family: var(--sd-font);
}


.sd-step-card__title {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-md);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-md-lh);
}

.sd-step-card__number {
  font-variant-numeric: tabular-nums;
}


.sd-step-card__body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-12);
  min-width: 0;
}


.sd-step-card__body:empty {
  display: none;
}


.sd-step-card__hint {
  
  --sd-tl-reach-inline: calc((24px - 1lh) / 2);
  margin: 0 0 var(--sd-space-4);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}


.sd-step-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-12) var(--sd-space-16);
}




.sd-step-card--waiting .sd-step-card__title {
  color: var(--sd-color-text-muted);
}





.sd-template-card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--sd-space-12);
  padding: calc(var(--sd-space-16) - var(--sd-border-width));
  min-width: 0;
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-md);
  font-family: var(--sd-font);
  transition: border-color var(--sd-duration-base) var(--sd-easing);
}




.sd-template-card__input {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.sd-template-card__box {
  display: grid;
  place-items: center;
  
  width: 16px;
  height: 16px;
  margin-top: var(--sd-space-2);
  flex-shrink: 0;
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-default);
  border-radius: var(--sd-radius-sm);
  transition: border-color var(--sd-duration-base) var(--sd-easing),
              background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-template-card__check {
  display: none;
  
  width: 12px;
  height: 12px;
  color: var(--sd-color-icon-inverse);
}

.sd-template-card:hover:has(.sd-template-card__input:not(:disabled)) {
  border-color: var(--sd-color-border-hover);
}

.sd-template-card:hover .sd-template-card__input:not(:disabled) ~ .sd-template-card__box {
  border-color: var(--sd-color-border-strong);
}


.sd-template-card:has(.sd-template-card__input:checked) {
  border-color: var(--sd-color-border-accent-strong);
}

.sd-template-card__input:checked ~ .sd-template-card__box {
  background: var(--sd-color-action-primary);
  border-color: var(--sd-color-action-primary);
}

.sd-template-card__input:checked ~ .sd-template-card__box .sd-template-card__check {
  display: block;
}


.sd-template-card:has(.sd-template-card__input:focus-visible) {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


.sd-template-card:has(.sd-template-card__input:disabled) {
  background: var(--sd-color-surface-sunken);
}

.sd-template-card__input:disabled {
  cursor: default;
}

.sd-template-card__input:disabled ~ .sd-template-card__box {
  background: var(--sd-color-surface-disabled);
}

.sd-template-card:has(.sd-template-card__input:disabled) :is(.sd-template-card__title, .sd-template-card__description, .sd-template-card__source-name) {
  color: var(--sd-color-text-muted);
}

.sd-template-card:has(.sd-template-card__input:disabled) .sd-template-card__source-icon {
  color: var(--sd-color-icon-disabled);
}

.sd-template-card:has(.sd-template-card__input:disabled) .sd-template-card__thumb {
  opacity: var(--sd-opacity-disabled);
}




.sd-template-card--chosen {
  background: var(--sd-color-surface-selected);
  border-color: var(--sd-color-border-accent);
}


.sd-template-card__remove {
  margin-top: calc(var(--sd-space-4) * -1);
  margin-left: calc(var(--sd-space-4) * -1);
}



.sd-template-card__text {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-2);
  min-width: 0;
}

.sd-template-card__title {
  overflow-wrap: anywhere;
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-md);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-md-lh);
}

.sd-template-card__description {
  overflow-wrap: anywhere;
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}


.sd-template-card__source {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-4) var(--sd-space-8);
  margin-top: var(--sd-space-8);
  color: var(--sd-color-text-default);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}


.sd-template-card__source-name {
  display: inline-flex;
  align-items: center;
  gap: var(--sd-space-4);
  min-width: 0;
  overflow-wrap: anywhere;
}

.sd-template-card__source-icon {
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  flex-shrink: 0;
  color: var(--sd-color-icon-default);
}


.sd-template-card__badge {
  padding: 0 var(--sd-space-8);
  background: var(--sd-color-status-error-tint);
  border: var(--sd-border-width) solid var(--sd-color-status-error-tint-border);
  border-radius: var(--sd-radius-sm);
  color: var(--sd-color-text-error);
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-xs-lh);
  white-space: nowrap;
}




.sd-template-card__thumb {
  box-sizing: border-box;
  
  width: 64px;
  height: 80px;
  flex-shrink: 0;
  padding: var(--sd-space-8) var(--sd-space-8);
  background: repeating-linear-gradient(
      to bottom,
      var(--sd-color-border-subtle) 0 2px,
      transparent 2px 6px
    ) content-box,
    var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-sm);
}


.sd-template-card {
  container-type: inline-size;
}


@container (max-width: 320px) {
  .sd-template-card__thumb {
    display: none;
  }
}


@media (forced-colors: active) {
  .sd-template-card__box { border-color: CanvasText; background: Canvas; }
  .sd-template-card__input:checked ~ .sd-template-card__box { background: Highlight; }
  .sd-template-card:has(.sd-template-card__input:focus-visible) {
    outline: var(--sd-ring-width) solid CanvasText;
  }
}





.sd-file-drop {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sd-space-4);
  padding: var(--sd-space-32) var(--sd-space-24);
  min-width: 0;
  background: var(--sd-color-surface-accent);
  border: var(--sd-border-width) dashed var(--sd-color-border-accent);
  border-radius: var(--sd-radius-md);
  font-family: var(--sd-font);
  text-align: center;
  transition: border-color var(--sd-duration-base) var(--sd-easing),
              background-color var(--sd-duration-base) var(--sd-easing);
}


.sd-file-drop__input {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}


.sd-file-drop__badge {
  display: grid;
  place-items: center;
  margin-bottom: var(--sd-space-4);
  color: var(--sd-color-icon-accent);
}

.sd-file-drop__icon {
  
  width: 24px;
  height: 24px;
}

.sd-file-drop__title {
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  color: var(--sd-color-text-default);
}


.sd-file-drop__tap {
  display: none;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  color: var(--sd-color-text-default);
}


@media (hover: none) {
  .sd-file-drop__title {
    display: none;
  }

  .sd-file-drop__tap {
    display: block;
  }
}

.sd-file-drop__browse {
  color: var(--sd-color-text-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--sd-duration-base) var(--sd-easing);
}

.sd-file-drop__hint {
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  color: var(--sd-color-text-muted);
}



.sd-file-drop:hover:has(.sd-file-drop__input:not(:disabled)) {
  background: var(--sd-color-surface-selected);
  border-color: var(--sd-color-border-accent-strong);
}

.sd-file-drop:hover .sd-file-drop__input:not(:disabled) ~ .sd-file-drop__title .sd-file-drop__browse {
  color: var(--sd-color-text-accent-hover);
}


.sd-file-drop:has(.sd-file-drop__input:focus-visible) {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


.sd-file-drop--dragover {
  background: var(--sd-color-surface-selected);
  border-style: solid;
  border-color: var(--sd-color-border-accent-strong);
}



.sd-file-drop:has(.sd-file-drop__input:disabled) {
  background: var(--sd-color-surface-sunken);
  border-color: var(--sd-color-border-default);
}

.sd-file-drop__input:disabled {
  cursor: default;
}

.sd-file-drop:has(.sd-file-drop__input:disabled) :is(.sd-file-drop__title, .sd-file-drop__browse, .sd-file-drop__hint) {
  color: var(--sd-color-text-disabled);
}

.sd-file-drop:has(.sd-file-drop__input:disabled) .sd-file-drop__badge {
  color: var(--sd-color-icon-disabled);
}




.sd-file-drop--filled {
  flex-direction: row;
  gap: var(--sd-space-12);
  padding: var(--sd-space-12) var(--sd-space-12) var(--sd-space-12) var(--sd-space-16);
  border-style: solid;
  text-align: start;
}

.sd-file-drop--filled .sd-file-drop__badge {
  margin-bottom: 0;
  flex-shrink: 0;
}

.sd-file-drop--filled .sd-file-drop__icon {
  
  width: 20px;
  height: 20px;
}

.sd-file-drop__name {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  color: var(--sd-color-text-strong);
}

.sd-file-drop__remove {
  flex-shrink: 0;
}


.sd-file-drop > [hidden] {
  display: none;
}


.sd-file-drop__filled-parts {
  display: none;
}





.sd-choice-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-4);
  padding: calc(var(--sd-space-16) - var(--sd-border-width));
  min-width: 0;
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-md);
  font-family: var(--sd-font);
  transition: border-color var(--sd-duration-base) var(--sd-easing),
              background-color var(--sd-duration-base) var(--sd-easing);
}


.sd-choice-card__input {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.sd-choice-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: var(--sd-space-8);
}

.sd-choice-card__icon {
  
  width: 32px;
  height: 42px;
  color: var(--sd-color-icon-muted);
  transition: color var(--sd-duration-base) var(--sd-easing);
}


.sd-choice-card__radio {
  display: grid;
  place-items: center;
  
  width: 16px;
  height: 16px;
  margin-left: auto;
  flex-shrink: 0;
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-default);
  border-radius: 50%;
  transition: border-color var(--sd-duration-base) var(--sd-easing),
              background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-choice-card__dot {
  display: none;
  
  width: 6px;
  height: 6px;
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-icon-inverse);
}

.sd-choice-card__title {
  overflow-wrap: anywhere;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
  color: var(--sd-color-text-strong);
}


.sd-choice-card__tag {
  display: inline-block;
  margin-left: var(--sd-space-4);
  padding: 1px var(--sd-space-8);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-tag);
  color: var(--sd-color-text-tag);
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-xs-lh);
  max-width: 100%;
  box-sizing: border-box;
  vertical-align: 1px;
}

.sd-choice-card__description {
  overflow-wrap: anywhere;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-default);
}

.sd-choice-card__points {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-4);
  margin: var(--sd-space-8) 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  color: var(--sd-color-text-muted);
}

.sd-choice-card__points:empty {
  display: none;
}


.sd-choice-card__points > li {
  position: relative;
  padding-left: var(--sd-space-20);
}

.sd-choice-card__points > li::before {
  content: "";
  position: absolute;
  left: var(--sd-space-4);
  top: var(--sd-space-4);
  
  width: 5px;
  height: 9px;
  border-right: 2px solid var(--sd-color-icon-success);
  border-bottom: 2px solid var(--sd-color-icon-success);
  rotate: 45deg;
}



.sd-choice-card:hover:has(.sd-choice-card__input:not(:disabled)) {
  border-color: var(--sd-color-border-hover);
}

.sd-choice-card:hover .sd-choice-card__input:not(:disabled) ~ .sd-choice-card__head .sd-choice-card__radio {
  border-color: var(--sd-color-border-strong);
}

.sd-choice-card:has(.sd-choice-card__input:focus-visible) {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}



.sd-choice-card:has(.sd-choice-card__input:checked) {
  background: var(--sd-color-surface-selected);
  border-color: var(--sd-color-border-accent-strong);
}

.sd-choice-card__input:checked ~ .sd-choice-card__head .sd-choice-card__radio {
  background: var(--sd-color-action-primary);
  border-color: var(--sd-color-action-primary);
}

.sd-choice-card__input:checked ~ .sd-choice-card__head .sd-choice-card__dot {
  display: block;
}

.sd-choice-card__input:checked ~ .sd-choice-card__head .sd-choice-card__icon {
  color: var(--sd-color-icon-accent);
}



.sd-choice-card:has(.sd-choice-card__input:disabled) {
  background: var(--sd-color-surface-sunken);
}

.sd-choice-card__input:disabled {
  cursor: default;
}

.sd-choice-card__input:disabled ~ .sd-choice-card__head .sd-choice-card__radio {
  background: var(--sd-color-surface-disabled);
}

.sd-choice-card:has(.sd-choice-card__input:disabled) :is(.sd-choice-card__title, .sd-choice-card__description, .sd-choice-card__points) {
  color: var(--sd-color-text-disabled);
}

.sd-choice-card__input:disabled ~ .sd-choice-card__head .sd-choice-card__icon {
  color: var(--sd-color-icon-disabled);
}


.sd-choice-card:has(.sd-choice-card__input:checked:disabled) {
  border-color: var(--sd-color-border-accent-disabled);
}

.sd-choice-card__input:checked:disabled ~ .sd-choice-card__head .sd-choice-card__radio {
  background: var(--sd-color-action-primary-disabled);
  border-color: var(--sd-color-action-primary-disabled);
}





.sd-template-picker-group {
  min-width: 0;
  font-family: var(--sd-font);
}


.sd-template-picker-group__head {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  padding: var(--sd-space-8) var(--sd-space-4);
  border-radius: var(--sd-radius-sm);
  list-style: none;
  cursor: pointer;
}

.sd-template-picker-group__head::-webkit-details-marker {
  display: none;
}

.sd-template-picker-group__title {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-xs-lh);
  transition: color var(--sd-duration-base) var(--sd-easing);
}

.sd-template-picker-group__chevron {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-muted);
  transition: transform var(--sd-duration-base) var(--sd-easing),
              color var(--sd-duration-base) var(--sd-easing);
}


.sd-template-picker-group:not([open]) .sd-template-picker-group__chevron {
  transform: rotate(-90deg);
}

.sd-template-picker-group__head:hover .sd-template-picker-group__title {
  color: var(--sd-color-text-strong);
}

.sd-template-picker-group__head:hover .sd-template-picker-group__chevron {
  color: var(--sd-color-icon-strong);
}


.sd-template-picker-group__head:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}

.sd-template-picker-group__list {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-8);
  padding-bottom: var(--sd-space-8);
}




@media (any-pointer: coarse) {
  .sd-template-picker-group__head {
    min-height: var(--sd-target-touch);
  }
}





.sd-template-picker {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  
  max-height: min(28rem, 70vh);
  min-width: 0;
  background: var(--sd-color-surface-default);
  border: var(--sd-popup-border);
  border-radius: var(--sd-popup-radius);
  box-shadow: var(--sd-popup-shadow);
  overflow: clip;
  font-family: var(--sd-font);
}


.sd-template-picker__search {
  flex-shrink: 0;
  padding: var(--sd-space-12) var(--sd-space-12) var(--sd-space-8);
}

.sd-template-picker__list {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-4);
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 var(--sd-space-12) var(--sd-space-12);
  overflow: auto;
}






.sd-panel-header {
  display: flex;
  gap: var(--sd-space-16);
  padding: var(--sd-space-24) var(--sd-space-24) calc(var(--sd-space-24) - var(--sd-border-width));
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  background: var(--sd-color-surface-default);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  font-family: var(--sd-font);
}


.sd-panel-header__left {
  display: flex;
  gap: var(--sd-space-12);
  align-items: center;
  flex: 1 0 0;
  min-width: 0;
}


.sd-panel-header__icon {
  
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--sd-color-icon-default);
}

.sd-panel-header__thumb {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-md);
}


.sd-panel-header__thumb-icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  color: var(--sd-color-icon-default);
}

.sd-panel-header__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
  min-width: 0;
  max-width: 100%;
}

.sd-panel-header__crumbs {
  display: flex;
  gap: var(--sd-space-8);
  align-items: center;
  min-width: 0;
  max-width: 100%;
}


.sd-panel-header__crumb {
  display: inline-flex;
  gap: var(--sd-space-4);
  align-items: center;
  min-width: 0;
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-muted);
}


.sd-panel-header__crumb-label {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.sd-panel-header__crumb-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  color: var(--sd-color-icon-subtle);
}


.sd-panel-header__title {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  font-size: var(--sd-text-lg);
  font-weight: var(--sd-weight-bold);
  line-height: var(--sd-text-lg-lh);
  color: var(--sd-color-text-strong);
  white-space: nowrap;
  text-overflow: ellipsis;
}


.sd-panel-header__title--switch {
  display: flex;
  overflow: visible;
}

.sd-panel-header__actions {
  display: flex;
  gap: var(--sd-space-16);
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
}


.sd-panel-header:has(.sd-panel-header__thumb) .sd-panel-header__actions {
  align-self: flex-start;
}




.sd-panel-header--compact {
  padding: var(--sd-space-8) var(--sd-space-20) calc(var(--sd-space-8) - var(--sd-border-width));
  min-height: var(--sd-title-bar);
}

.sd-panel-header--compact .sd-panel-header__title {
  font-size: var(--sd-text-md);
  line-height: var(--sd-text-md-lh);
}





.sd-popover {
  
  --sd-popover-point: 6px;
  --sd-popover-window: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  
  max-width: min(320px, 100vw - 2 * var(--sd-space-16));
  filter: var(--sd-drop-shadow-lg);
  color: var(--sd-color-text-inverse);
  font-family: var(--sd-font);
  font-weight: var(--sd-weight-semibold);
}

.sd-popover__content {
  display: flex;
  flex-direction: column;
  padding: var(--sd-space-8) var(--sd-space-12);
  align-items: flex-start;
  align-self: stretch;
  background: var(--sd-color-surface-inverse);
  border-radius: var(--sd-radius-lg);
}


.sd-popover__text {
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  text-align: start;
}



.sd-popover--supporting .sd-popover__text {
  align-self: stretch;
}

.sd-popover__supporting {
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-xs-lh);
  align-self: stretch;
}

.sd-popover__stack {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-4);
  align-items: flex-start;
  align-self: stretch;
}



.sd-popover__arrow {
  position: absolute;
  
  width: var(--sd-popover-window);
  height: var(--sd-popover-point);
}

.sd-popover__arrow::before {
  content: '';
  position: absolute;
  left: 8px;
  top: -11px;
  
  width: 12px;
  height: 12px;
  background: var(--sd-color-surface-inverse);
  border-radius: 1px;
  transform: rotate(45deg);
  transform-origin: 0 0;
}

.sd-popover--bottom-center .sd-popover__arrow {
  bottom: calc(-1 * var(--sd-popover-point));
  left: 50%;
  margin-left: calc(var(--sd-popover-window) / -2);
}



.sd-popover--bottom-left .sd-popover__arrow {
  bottom: calc(-1 * var(--sd-popover-point));
  left: var(--sd-radius-lg);
}

.sd-popover--bottom-right .sd-popover__arrow {
  bottom: calc(-1 * var(--sd-popover-point));
  right: var(--sd-radius-lg);
}

.sd-popover--top-center .sd-popover__arrow {
  top: calc(-1 * var(--sd-popover-point));
  left: 50%;
  margin-left: calc(var(--sd-popover-window) / -2);
  transform: rotate(180deg);
}

.sd-popover--left .sd-popover__arrow {
  
  left: calc((var(--sd-popover-window) + var(--sd-popover-point)) / -2);
  top: 50%;
  margin-top: calc(var(--sd-popover-point) / -2);
  transform: rotate(90deg);
}

.sd-popover--right .sd-popover__arrow {
  right: calc((var(--sd-popover-window) + var(--sd-popover-point)) / -2);
  top: 50%;
  margin-top: calc(var(--sd-popover-point) / -2);
  transform: rotate(-90deg);
}



.sd-popover[hidden] {
  display: none;
}

.sd-popover--dismissible .sd-popover__content {
  flex-direction: row;
  align-items: flex-start;
  gap: var(--sd-space-8);
}

.sd-popover__dismiss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: var(--sd-space-2);
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-text-inverse-muted);
  cursor: pointer;
}

.sd-popover__dismiss .sd-icon {
  
  width: 12px;
  height: 12px;
}

.sd-popover__dismiss:hover {
  color: var(--sd-color-text-inverse);
}

.sd-popover__dismiss:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-accent-strong);
  outline-offset: var(--sd-ring-offset);
}


.sd-popover__dismiss {
  transition: color var(--sd-duration-base) var(--sd-easing);
}




@media (any-pointer: coarse) {
  .sd-popover__dismiss {
    --sd-pop-reach: calc((var(--sd-target-touch) - 12px) / 2);
    padding: var(--sd-pop-reach);
    margin: calc(var(--sd-space-2) - var(--sd-pop-reach)) calc(-1 * var(--sd-pop-reach)) calc(-1 * var(--sd-pop-reach));
  }
}






:where(.sd-tooltip) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}



.sd-tooltip > .sd-popover {
  position: absolute;
  display: none;
  width: max-content;
  bottom: calc(100% + var(--sd-space-4));
  left: 50%;
  transform: translateX(-50%);
  z-index: var(--sd-z-float);
}




.sd-tooltip:not([data-sd-dismissed])[data-sd-open-at-rest] > .sd-popover:not([hidden]),
.sd-tooltip:not([data-sd-dismissed]):not(:has(+ :popover-open)):has(:focus-visible) > .sd-popover:not([hidden]),
.sd-tooltip:not([data-sd-dismissed]):not(:has(+ :popover-open))[data-sd-pressed] > .sd-popover:not([hidden]) {
  display: flex;
}


@media not (hover: none) {
  .sd-tooltip:not([data-sd-dismissed]):not(:has(+ :popover-open)):hover > .sd-popover:not([hidden]),
  .sd-tooltip:not([data-sd-dismissed]):not(:has(+ :popover-open)):has(> :hover) > .sd-popover:not([hidden]) {
    display: flex;
  }
}


.sd-tooltip > .sd-popover {
  opacity: 0;
  translate: 0 calc(-1 * var(--sd-space-4));
  transition:
    opacity   var(--sd-duration-fast) var(--sd-easing-in),
    translate var(--sd-duration-fast) var(--sd-easing-in),
    display   var(--sd-duration-fast) allow-discrete,
    overlay   var(--sd-duration-fast) allow-discrete;
}

.sd-tooltip:not([data-sd-dismissed])[data-sd-open-at-rest] > .sd-popover:not([hidden]),
.sd-tooltip:not([data-sd-dismissed]):not(:has(+ :popover-open)):has(:focus-visible) > .sd-popover:not([hidden]),
.sd-tooltip:not([data-sd-dismissed]):not(:has(+ :popover-open))[data-sd-pressed] > .sd-popover:not([hidden]) {
  opacity: 1;
  translate: none;
  transition-timing-function: var(--sd-easing-out);
}


@media not (hover: none) {
  .sd-tooltip:not([data-sd-dismissed]):not(:has(+ :popover-open)):hover > .sd-popover:not([hidden]),
  .sd-tooltip:not([data-sd-dismissed]):not(:has(+ :popover-open)):has(> :hover) > .sd-popover:not([hidden]) {
    opacity: 1;
    translate: none;
    transition-timing-function: var(--sd-easing-out);
  }
}

@starting-style {
  .sd-tooltip:not([data-sd-dismissed])[data-sd-open-at-rest] > .sd-popover:not([hidden]),
  .sd-tooltip:not([data-sd-dismissed]):not(:has(+ :popover-open)):has(:focus-visible) > .sd-popover:not([hidden]),
  .sd-tooltip:not([data-sd-dismissed]):not(:has(+ :popover-open))[data-sd-pressed] > .sd-popover:not([hidden]) {
    opacity: 0;
    translate: 0 calc(-1 * var(--sd-space-4));
  }
}


@media not (hover: none) {
  @starting-style {
    .sd-tooltip:not([data-sd-dismissed]):not(:has(+ :popover-open)):hover > .sd-popover:not([hidden]),
    .sd-tooltip:not([data-sd-dismissed]):not(:has(+ :popover-open)):has(> :hover) > .sd-popover:not([hidden]) {
      opacity: 0;
      translate: 0 calc(-1 * var(--sd-space-4));
    }
  }
}


.sd-tooltip > .sd-popover--bottom-center {
  bottom: calc(100% + var(--sd-space-4) + var(--sd-popover-point));
}


.sd-tooltip > .sd-popover--bottom-left {
  bottom: calc(100% + var(--sd-space-4) + var(--sd-popover-point));
  left: calc(50% - 16px);
  transform: none;
}


.sd-tooltip > .sd-popover--bottom-right {
  bottom: calc(100% + var(--sd-space-4) + var(--sd-popover-point));
  left: auto;
  right: calc(50% - 16px);
  transform: none;
}


.sd-tooltip > .sd-popover--top-center {
  top: calc(100% + var(--sd-space-4) + var(--sd-popover-point));
  bottom: auto;
}


.sd-tooltip > .sd-popover--left {
  top: 50%;
  bottom: auto;
  left: calc(100% + var(--sd-space-4) + var(--sd-popover-point));
  transform: translateY(-50%);
}


.sd-tooltip > .sd-popover--right {
  top: 50%;
  bottom: auto;
  left: auto;
  right: calc(100% + var(--sd-space-4) + var(--sd-popover-point));
  transform: translateY(-50%);
}


.sd-tooltip > .sd-popover {
  margin-left: var(--sd-tooltip-shift, 0px);
}

.sd-tooltip > .sd-popover--bottom-right {
  margin-left: 0;
  margin-right: calc(-1 * var(--sd-tooltip-shift, 0px));
}


.sd-tooltip > .sd-popover .sd-popover__arrow {
  translate: calc(-1 * var(--sd-tooltip-shift, 0px)) 0;
}




@media (hover: none) {
  .sd-tooltip > :not(.sd-popover) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
}






.sd-help-icon {
  position: relative;
  display: inline-flex;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  vertical-align: middle;
  color: var(--sd-color-icon-disabled);
}



.sd-help-icon__button {
  display: block;
  
  width: 24px;
  height: 24px;
  padding: var(--sd-space-4);
  margin: calc(-1 * var(--sd-space-4));
  border: 0;
  background: none;
  color: inherit;
  cursor: help;
}


.sd-help-icon__button:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
  border-radius: var(--sd-radius-full);
}

.sd-help-icon:hover .sd-help-icon__button,
.sd-help-icon[data-sd-open-at-rest] .sd-help-icon__button,
.sd-help-icon:has(.sd-help-icon__button:focus-visible) .sd-help-icon__button {
  color: var(--sd-color-icon-muted);
}

.sd-help-icon__glyph {
  display: block;
}





@media (any-pointer: coarse) {
  .sd-help-icon__button {
    --sd-hi-reach: calc((var(--sd-target-touch) - var(--sd-icon-sm)) / 2);
    width: var(--sd-target-touch);
    height: var(--sd-target-touch);
    padding: var(--sd-hi-reach);
    margin: calc(-1 * var(--sd-hi-reach));
  }
}





.sd-breadcrumb {
  min-width: 0;
  font-family: var(--sd-font);
}


.sd-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-4);
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}





.sd-breadcrumb-step {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  min-width: 0;
  flex: 0 0 auto;
}


.sd-breadcrumb-step--account-id {
  font-variant-numeric: tabular-nums;
}


.sd-breadcrumb-step--object {
  flex: 1 1 0;
  min-width: 6em;
}


.sd-breadcrumb-step__sep {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  color: var(--sd-color-icon-subtle);
}


.sd-breadcrumb-step:first-child > .sd-breadcrumb-step__sep {
  display: none;
}


.sd-breadcrumb-step__item {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
}

.sd-breadcrumb-step__link {
  display: inline-flex;
  align-items: center;
  gap: var(--sd-space-4);
  min-width: 0;
  max-width: 100%;
  border-radius: var(--sd-radius-sm);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-muted);
  text-decoration: none;
}


a.sd-breadcrumb-step__link:hover {
  color: var(--sd-color-text-default);
}

a.sd-breadcrumb-step__link:active {
  color: var(--sd-color-text-strong);
}

.sd-breadcrumb-step__icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-muted);
}


.sd-breadcrumb-step__label {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.sd-breadcrumb-step[data-sd-truncated] .sd-breadcrumb-step__label {
  text-decoration: underline dotted;
  text-underline-offset: var(--sd-space-2);
}


.sd-breadcrumb-step__short {
  display: none;
}

.sd-breadcrumb-step[data-sd-shortened] .sd-breadcrumb-step__short {
  display: inline;
}


.sd-breadcrumb-step[data-sd-shortened] .sd-breadcrumb-step__value {
  position: absolute;
  
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}



.sd-breadcrumb-step--icon-only .sd-breadcrumb-step__label {
  position: absolute;
  
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}




@media (any-pointer: coarse) {
  .sd-breadcrumb-step__link {
    --sd-bs-reach: calc((var(--sd-target-touch) - 1lh) / 2);
    padding: var(--sd-bs-reach) var(--sd-space-8);
    margin: calc(-1 * var(--sd-bs-reach)) calc(-1 * var(--sd-space-8));
    max-width: calc(100% + 2 * var(--sd-space-8));
  }
}





.sd-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--sd-space-12) var(--sd-space-24);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-muted);
}

.sd-pagination__summary {
  margin: 0;
}

.sd-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  min-width: 0;
  gap: var(--sd-space-4);
  margin-left: auto;
}

.sd-pagination__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}


.sd-pagination__page {
  
  min-width: 44px;
  height: 44px;
  padding: 0 var(--sd-space-8);
  border: 0;
  border-radius: var(--sd-radius-md);
  background: none;
  color: var(--sd-color-text-default);
  font: inherit;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-pagination__page:hover {
  background: var(--sd-color-surface-hover);
}

.sd-pagination__page:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
}


.sd-pagination__page[aria-current="page"] {
  background: var(--sd-color-surface-selected);
  color: var(--sd-color-text-accent);
  font-weight: var(--sd-weight-semibold);
  cursor: default;
}

.sd-pagination__gap {
  
  min-width: 44px;
  text-align: center;
  color: var(--sd-color-text-muted);
}


@media (forced-colors: active) {
  .sd-pagination__page[aria-current="page"] {
    outline: var(--sd-ring-width) solid Highlight;
    outline-offset: var(--sd-ring-offset-inset);
  }
}





.sd-divider {
  display: block;
  flex-shrink: 0;
  align-self: stretch;
  
  width: 100%;
  
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--sd-color-border-subtle);
}


@media (forced-colors: active) {
  .sd-divider {
    height: 0;
    border-top: var(--sd-border-width) solid CanvasText;
  }
}





.sd-menu-item {
  
  --sd-mi-bg:  transparent;
  --sd-mi-fg:  var(--sd-color-text-muted);
  --sd-mi-ico: var(--sd-color-icon-muted);

  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: var(--sd-space-2) var(--sd-space-4);
  margin: 0;
  border: 0;
  background: transparent;
  color: var(--sd-mi-fg);
  font-family: var(--sd-font);
  text-align: left;
  cursor: pointer;
}

.sd-menu-item__body {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  flex: 1 1 auto;
  min-width: 0;
  padding: var(--sd-space-8);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-mi-bg);
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              color            var(--sd-duration-base) var(--sd-easing);
}


.sd-menu-item__icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-mi-ico);
  overflow: clip;
}


.sd-menu-item__check {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  margin-left: auto;
  color: var(--sd-mi-ico);
  overflow: clip;
}


.sd-menu-item__label {
  min-width: 0;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.sd-menu-item:hover:not(:disabled) {
  --sd-mi-bg:  var(--sd-color-surface-hover);
  --sd-mi-fg:  var(--sd-color-text-strong);
  --sd-mi-ico: var(--sd-color-icon-strong);
}

.sd-menu-item:active:not(:disabled),
.sd-menu-item:focus-visible:not(:disabled) {
  --sd-mi-bg:  var(--sd-color-surface-selected-active);
  --sd-mi-fg:  var(--sd-color-text-strong);
  --sd-mi-ico: var(--sd-color-icon-strong);
}


.sd-menu-item:focus-visible {
  outline: none;
}
.sd-menu-item:focus-visible .sd-menu-item__body {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
}

.sd-menu-item:disabled {
  --sd-mi-fg:  var(--sd-color-text-disabled);
  --sd-mi-ico: var(--sd-color-icon-disabled);
  cursor: default;
}




@media (forced-colors: active) {
  .sd-menu-item:focus-visible .sd-menu-item__body {
    outline: var(--sd-ring-width) solid CanvasText;
  }
  .sd-menu-item:disabled {
    color: GrayText;
  }
}




@media (any-pointer: coarse) {
  .sd-menu-item {
    min-height: var(--sd-target-touch);
  }
}





.sd-menu-dropdown {
  display: flex;
  flex-direction: column;
  align-items: stretch;

  
  min-width: 200px;
  width: max-content;

  
  padding: calc(var(--sd-space-2) - var(--sd-border-width)) 0;
  background: var(--sd-color-surface-default);
  border: var(--sd-popup-border);
  border-radius: var(--sd-popup-radius);
  box-shadow: var(--sd-popup-shadow);
  overflow: clip;
}





.sd-contact-picker-option {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: var(--sd-space-8);
  width: 100%;
  min-height: var(--sd-target-touch);
  margin: 0;
  padding: var(--sd-space-8) var(--sd-space-12);
  border: 0;
  border-radius: var(--sd-radius-xs);
  background: transparent;
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  text-align: left;
  cursor: pointer;
}

.sd-contact-picker-option__name,
.sd-contact-picker-option__detail {
  grid-column: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sd-contact-picker-option__name {
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
}

.sd-contact-picker-option__detail {
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
}

.sd-contact-picker-option__check {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: none;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  color: var(--sd-color-icon-muted);
}

.sd-contact-picker-option:hover:not([aria-disabled="true"]) {
  background: var(--sd-color-surface-hover);
}

.sd-contact-picker-option:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
}


.sd-contact-picker-option[aria-disabled="true"] {
  cursor: default;
}

.sd-contact-picker-option[aria-disabled="true"] :is(.sd-contact-picker-option__name, .sd-contact-picker-option__detail) {
  color: var(--sd-color-text-disabled);
}

.sd-contact-picker-option[aria-disabled="true"] .sd-contact-picker-option__check {
  display: block;
}





.sd-contact-picker {
  position: fixed;
  inset: auto;
  box-sizing: border-box;
  
  width: min(360px, calc(100vw - 2 * var(--sd-space-16)));
  max-height: min(70vh, 480px);
  margin: 0;
  padding: var(--sd-space-4);
  overflow: auto;
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-md);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-lg);
  color: var(--sd-color-text-default);
  font-family: var(--sd-font);
}


.sd-contact-picker:popover-open {
  display: block;
}

.sd-contact-picker__title {
  margin: 0;
  padding: var(--sd-space-8) var(--sd-space-12) var(--sd-space-4);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-semibold);
  letter-spacing: var(--sd-tracking-caps);
  text-transform: uppercase;
}

.sd-contact-picker__list {
  display: flex;
  flex-direction: column;
}

.sd-contact-picker__other {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  gap: var(--sd-space-8);
  min-height: var(--sd-target-touch);
  margin: var(--sd-space-4) 0 0;
  padding: 0 var(--sd-space-12);
  border: 0;
  border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: 0 0 var(--sd-radius-xs) var(--sd-radius-xs);
  background: transparent;
  color: var(--sd-color-text-accent);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
  text-align: left;
  cursor: pointer;
}

.sd-contact-picker__other:hover {
  background: var(--sd-color-surface-hover);
}

.sd-contact-picker__other:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
}

.sd-contact-picker__other-icon {
  flex: none;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
}


.sd-contact-picker[data-sd-sheet-label] {
  inset: auto 0 0 0;
  width: auto;
  max-height: none;
}

.sd-contact-picker[data-sd-sheet-label]::backdrop {
  background: var(--sd-color-surface-scrim);
}


.sd-contact-picker[data-sd-sheet-label] > .sd-contact-picker__other {
  min-height: var(--sd-target-touch);
}






.sd-overflow-menu {
  display: inline-flex;
  width: fit-content;
  anchor-scope: --sd-overflow-menu;
}


.sd-overflow-menu__trigger {
  anchor-name: --sd-overflow-menu;
}


.sd-overflow-menu__menu {
  position: fixed;
  inset: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  overflow: visible;
  width: max-content;

  position-anchor: --sd-overflow-menu;
  position-area: bottom span-left;
  margin-top: var(--sd-space-4);
  position-try-fallbacks: flip-block;
}


.sd-overflow-menu__menu {
  opacity: 0;
  translate: 0 calc(-1 * var(--sd-space-4));
  transition:
    opacity   var(--sd-duration-fast) var(--sd-easing-in),
    translate var(--sd-duration-fast) var(--sd-easing-in),
    display   var(--sd-duration-fast) allow-discrete,
    overlay   var(--sd-duration-fast) allow-discrete;
}

.sd-overflow-menu__menu:popover-open {
  opacity: 1;
  translate: none;
  transition-timing-function: var(--sd-easing-out);
}

@starting-style {
  .sd-overflow-menu__menu:popover-open {
    opacity: 0;
    translate: 0 calc(-1 * var(--sd-space-4));
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-overflow-menu__menu {
    position-try-order: most-height;
  }

  .sd-overflow-menu__menu:popover-open {
    display: flex;
    flex-direction: column;
    max-height: calc(100% - var(--sd-space-4));
  }

  
  .sd-overflow-menu__menu > * {
    min-height: 0;
    overflow-y: auto;
  }
}





.sd-workspace {
  display: flex;
  flex-direction: column;
  min-width: 0;
  font-family: var(--sd-font);
}

.sd-workspace__name {
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
  overflow-wrap: anywhere;
}


.sd-workspace__id {
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}





.sd-account-menu {
  display: flex;
  flex-direction: column;
  align-items: stretch;

  
  min-width: 200px;
  width: max-content;
  max-width: calc(100vw - 2 * var(--sd-space-16));

  background: var(--sd-color-surface-default);
  border: var(--sd-popup-border);
  border-radius: var(--sd-popup-radius);
  box-shadow: var(--sd-popup-shadow);
  overflow: clip;
  font-family: var(--sd-font);
}

.sd-account-menu__header {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-12);
  padding: var(--sd-space-12);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-account-menu__person {
  display: flex;
  flex-direction: column;
  margin: 0;
  min-width: 0;
}

.sd-account-menu__name {
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
  overflow-wrap: anywhere;
}

.sd-account-menu__email {
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  overflow-wrap: anywhere;
}


.sd-account-menu__workspace {
  padding: var(--sd-space-8) var(--sd-space-12);
  background: var(--sd-color-surface-sunken);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-md);
  min-width: 0;
}


.sd-account-menu__menu {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: var(--sd-space-2) 0;
}





.sd-sdocs-mark {
  display: inline-flex;
  flex-shrink: 0;
  vertical-align: middle;
  
  width: 32px;
  height: 32px;
  overflow: clip;
}

.sd-sdocs-mark__glyph {
  display: block;
  width: 100%;
  height: 100%;
}




.sd-sdocs-mark--thinking {
  display: inline-grid;
}

.sd-sdocs-mark__piece {
  grid-area: 1 / 1;
  display: block;
  width: 100%;
  height: 100%;
  transform-origin: center;
  
  animation: sd-sdocs-mark-chase calc(var(--sd-duration-spin) * 2) linear infinite;
}


.sd-sdocs-mark__piece:nth-child(2) { animation-delay: calc(var(--sd-duration-spin) * 0.175); }
.sd-sdocs-mark__piece:nth-child(3) { animation-delay: calc(var(--sd-duration-spin) * 0.35); }
.sd-sdocs-mark__piece:nth-child(4) { animation-delay: calc(var(--sd-duration-spin) * 0.525); }
.sd-sdocs-mark__piece:nth-child(5) { animation-delay: calc(var(--sd-duration-spin) * 0.7); }

@keyframes sd-sdocs-mark-chase {
  0%   { opacity: 1;    transform: scale(1.05); }
  30%  { opacity: 0.5;  transform: scale(0.98); }
  60%  { opacity: 0.15; transform: scale(0.9); }
  100% { opacity: 0.15; transform: scale(0.9); }
}


@media (prefers-reduced-motion: reduce) {
  .sd-sdocs-mark__piece {
    animation: none;
  }
}





.sd-nav-link-item {
  --sd-nli-fg:  var(--sd-color-text-muted);
  --sd-nli-bg:  transparent;
  --sd-nli-bdc: transparent;

  display: flex;
  align-items: center;
  gap: var(--sd-space-12);
  padding: calc(var(--sd-space-8) - var(--sd-border-width)) calc(var(--sd-space-16) - var(--sd-border-width));
  border: var(--sd-border-width) solid var(--sd-nli-bdc);
  border-radius: var(--sd-radius-full);
  background: var(--sd-nli-bg);
  color: var(--sd-nli-fg);

  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-sm-lh);
  text-decoration: none;
  white-space: nowrap;

  width: 100%;
  min-width: 0;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              border-color     var(--sd-duration-base) var(--sd-easing),
              color            var(--sd-duration-base) var(--sd-easing);
}


.sd-nav-link-item__icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: currentColor;
}


.sd-nav-link-item__label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}




.sd-nav-link-item:hover:not([aria-current="page"]) {
  --sd-nli-fg: var(--sd-color-text-strong);
}

.sd-nav-link-item:focus-visible:not([aria-current="page"]) {
  --sd-nli-fg: var(--sd-color-text-strong);
}

.sd-nav-link-item:active:not([aria-current="page"]) {
  --sd-nli-fg:  var(--sd-color-text-pressed);
  --sd-nli-bdc: var(--sd-color-border-default);
}

.sd-nav-link-item[aria-current="page"] {
  --sd-nli-fg:  var(--sd-color-text-strong);
  --sd-nli-bg:  var(--sd-color-surface-subtle);
  --sd-nli-bdc: var(--sd-color-border-subtle);
}


@media (forced-colors: active) {
  .sd-nav-link-item[aria-current="page"] { border-color: CanvasText; }
}




@media (any-pointer: coarse) {
  .sd-nav-link-item {
    min-height: var(--sd-target-touch);
  }
}





.sd-nav-link {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-4);
  width: 100%;
  min-width: 0;
  font-family: var(--sd-font);
}



.sd-nav-link__back {
  display: none;
}


.sd-nav-link__back-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


@media (max-width: 583px) {
  .sd-nav-link__back {
    display: flex;
    align-items: center;
    gap: var(--sd-space-12);
    width: 100%;
    
    min-height: var(--sd-target-touch);
    padding: 0 calc(var(--sd-space-16) - var(--sd-border-width));
    border: var(--sd-border-width) solid var(--sd-color-border-subtle);
    border-radius: var(--sd-radius-full);
    background: var(--sd-color-surface-default);
    color: var(--sd-color-text-strong);
    font-family: var(--sd-font);
    font-size: var(--sd-text-sm);
    font-weight: var(--sd-weight-semibold);
    line-height: var(--sd-text-sm-lh);
    text-align: left;
    cursor: pointer;
  }

  .sd-nav-link__back:hover {
    background: var(--sd-color-surface-hover);
  }

  .sd-nav-link__back-icon {
    width: var(--sd-icon-sm);
    height: var(--sd-icon-sm);
    flex-shrink: 0;
  }

  
  .sd-nav-link:not([data-sd-open]) > :not(.sd-nav-link__back) {
    display: none;
  }

  
  .sd-nav-link[data-sd-open] > .sd-nav-link__back {
    display: none;
  }
}





.sd-settings-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-12);
  padding: calc(var(--sd-space-24) - var(--sd-border-width));
  width: 100%;
  min-width: 0;
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-sm);
  font-family: var(--sd-font);
}


.sd-settings-container > .sd-divider,
.sd-settings-container > .sd-settings-dependents > .sd-divider {
  width: auto;
  margin-inline: calc(var(--sd-border-width) - var(--sd-space-24));
}





.sd-settings-dependents {
  display: contents;
}

.sd-settings-dependents[hidden] {
  display: none;
}





.sd-moments,
.sd-moments > [data-sd-moment] {
  display: contents;
}

.sd-moments > [data-sd-moment][hidden],
.sd-moments:not([data-sd-moments-at]) > [data-sd-moment] ~ [data-sd-moment] {
  display: none;
}





.sd-reorder,
.sd-reorder > [data-sd-reorder-item] {
  display: contents;
}


.sd-reorder [data-sd-move][hidden] {
  display: none;
}






.sd-suggested-spots {
  position: absolute;
  inset: 0;
  z-index: calc(var(--sd-z-float) + 1);
  pointer-events: none;
}

.sd-suggested-spots__roster {
  display: none;
}


.sd-suggested-spots__layer {
  position: absolute;
  overflow: hidden;
}




.sd-suggested-spots__ghost {
  position: absolute;
  display: flex;
  align-items: stretch;
  
  height: 28px;
  
  transform: translateY(-50%);
  border: var(--sd-border-width) dashed var(--sd-signer-edge, var(--sd-color-border-strong));
  border-radius: var(--sd-radius-xs);
  background: var(--sd-signer-fill, var(--sd-color-surface-default));
  color: var(--sd-signer-edge, var(--sd-color-text-strong));
  box-shadow: var(--sd-shadow-sm);
  pointer-events: auto;
}

.sd-suggested-spots__ghost[hidden] {
  display: none;
}

.sd-suggested-spots__add {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--sd-space-4);
  min-width: 0;
  margin: 0;
  padding: 0 var(--sd-space-4);
  border: 0;
  background: transparent;
  color: inherit;
  font-family: var(--sd-font);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-semibold);
  white-space: nowrap;
  cursor: pointer;
}


.sd-suggested-spots__label {
  overflow: hidden;
  text-overflow: ellipsis;
}


.sd-suggested-spots__dismiss {
  position: absolute;
  
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: var(--sd-border-width) solid var(--sd-signer-edge, var(--sd-color-border-strong));
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-default);
  color: inherit;
  cursor: pointer;
}

.sd-suggested-spots__add .sd-icon {
  flex: 0 0 auto;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
}

.sd-suggested-spots__dismiss .sd-icon {
  
  width: 12px;
  height: 12px;
}

.sd-suggested-spots__add:focus-visible,
.sd-suggested-spots__dismiss:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
}


@media (any-pointer: coarse) {
  .sd-suggested-spots__add::after,
  .sd-suggested-spots__dismiss::after {
    content: "";
    position: absolute;
  }

  .sd-suggested-spots__add::after {
    inset: calc(var(--sd-space-8) * -1) 0;
  }

  .sd-suggested-spots__dismiss::after {
    inset: calc(var(--sd-space-12) * -1);
  }
}




.sd-suggested-spots__bar {
  position: absolute;
  left: 50%;
  bottom: calc(var(--sd-space-48) + var(--sd-space-32) + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: var(--sd-space-12);
  padding: var(--sd-space-4) var(--sd-space-4) var(--sd-space-4) var(--sd-space-16);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-lg);
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  white-space: nowrap;
  pointer-events: auto;
}

.sd-suggested-spots__bar[hidden] {
  display: none;
}

.sd-suggested-spots__count {
  font-variant-numeric: tabular-nums;
}

.sd-suggested-spots__accept-all {
  flex: 0 0 auto;
}


.sd-suggested-spots__ghost-parts {
  display: none;
}





.sd-signer-check {
  display: contents;
}

.sd-signer-check__roster,
.sd-signer-check__row-parts {
  display: none;
}

.sd-signer-check__summary {
  margin: 0;
  padding: var(--sd-space-4) var(--sd-space-12) var(--sd-space-8);
  color: var(--sd-color-text-muted);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}

.sd-signer-check__list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sd-signer-check__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-4) var(--sd-space-8);
  padding: var(--sd-space-4) 0;
  border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-signer-check__who {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--sd-space-8);
  min-width: 0;
  min-height: var(--sd-target-touch);
  margin: 0;
  padding: 0 var(--sd-space-12);
  border: 0;
  border-radius: var(--sd-radius-xs);
  background: transparent;
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  text-align: left;
  cursor: pointer;
}

.sd-signer-check__who:hover {
  background: var(--sd-color-surface-hover);
}

.sd-signer-check__who:focus-visible,
.sd-signer-check__add:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset-inset);
}


.sd-signer-check__mark {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  
  width: 20px;
  height: 20px;
  border-radius: var(--sd-radius-xs);
  background: var(--sd-signer-edge, var(--sd-color-border-strong));
  color: var(--sd-color-text-inverse);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-semibold);
}

.sd-signer-check__name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--sd-weight-medium);
}

.sd-signer-check__count {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--sd-space-4);
  color: var(--sd-color-text-muted);
}

.sd-signer-check__state {
  flex: none;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  color: var(--sd-color-icon-success);
}

.sd-signer-check__state--warn {
  display: none;
  color: var(--sd-color-icon-warning);
}


.sd-signer-check__row[data-sd-check-count="0"] .sd-signer-check__state {
  display: none;
}

.sd-signer-check__row[data-sd-check-count="0"] .sd-signer-check__state--warn {
  display: block;
}

.sd-signer-check__row[data-sd-check-count="0"] .sd-signer-check__count {
  color: var(--sd-color-text-strong);
}

.sd-signer-check__add {
  display: inline-flex;
  align-items: center;
  gap: var(--sd-space-4);
  min-height: var(--sd-target-touch);
  margin: 0 0 0 var(--sd-space-40);
  padding: 0 var(--sd-space-12);
  border: 0;
  border-radius: var(--sd-radius-xs);
  background: transparent;
  color: var(--sd-color-text-accent);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
  cursor: pointer;
}

.sd-signer-check__add[hidden] {
  display: none;
}

.sd-signer-check__add-icon {
  flex: none;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
}

.sd-signer-check__add-label {
  white-space: nowrap;
}


[data-sd-check-open]:not([data-sd-check-missing="0"]) {
  --sd-tl-fg: var(--sd-color-text-error);
  --sd-tl-fg-hover: var(--sd-color-text-error-hover);
  --sd-tl-fg-press: var(--sd-color-text-error-pressed);
}


[data-sd-check-open] {
  max-width: 100%;
  padding-block: 0 var(--sd-space-8);
  margin-block: 0 calc(-1 * var(--sd-space-8));
}


[data-sd-check-open] .sd-text-link__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}





.sd-settings-row {
  
  --sd-settings-row-title: 280px;
  --sd-settings-row-title-min: 200px;

  display: flex;
  align-items: flex-start;
  gap: var(--sd-space-24);
  
  flex-wrap: wrap;
  width: 100%;
  min-width: 0;
  font-family: var(--sd-font);
}

.sd-settings-row__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sd-space-4);
  padding: var(--sd-space-12);
  
  flex: 0 0 clamp(var(--sd-settings-row-title-min), 23%, var(--sd-settings-row-title));
  min-width: 0;
}

.sd-settings-row__heading {
  margin: 0;
  font-size: var(--sd-text-md);
  font-weight: var(--sd-weight-bold);
  line-height: var(--sd-text-md-lh);
  color: var(--sd-color-text-strong);
}

.sd-settings-row__description {
  margin: 0;
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-muted);
}


.sd-settings-row__control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sd-space-12);
  
  flex: 1 1 var(--sd-settings-row-title);
  min-width: 0;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-default);
}



.sd-settings-row--vertical {
  flex-direction: column;
  
  flex-wrap: nowrap;
}

.sd-settings-row--vertical .sd-settings-row__title {
  flex: 0 0 auto;
  align-self: stretch;
  padding: 0 var(--sd-space-12);
}

.sd-settings-row--vertical .sd-settings-row__control {
  flex: 0 1 auto;
  align-self: stretch;
}





.sd-settings-layout {
  
  --sd-settings-layout-rail: 268px;
  --sd-settings-layout-gap: 80px;
  --sd-settings-layout-fits: calc(var(--sd-settings-layout-rail) + var(--sd-settings-layout-gap) +
                                  var(--sd-settings-layout-content-min, 364px));

  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  
  align-content: flex-start;
  
  gap: var(--sd-space-24) var(--sd-settings-layout-gap);
  padding: 0 var(--sd-space-24) var(--sd-space-48);
  
  flex: 1 0 0;
  align-self: stretch;
  
  box-sizing: border-box;
  width: 100%;
  max-width: var(--sd-page-max);
  margin-inline: auto;
}


.sd-settings-layout__rail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 var(--sd-settings-layout-rail);
  max-width: max(var(--sd-settings-layout-rail),
                 (var(--sd-settings-layout-fits) - 100%) * 10000);
  align-self: stretch;
  padding-top: clamp(0px, (100% - var(--sd-settings-layout-fits)) * 10000 + 92px, 92px);
}


.sd-settings-layout__rule {
  align-self: stretch;
  padding: var(--sd-space-16) var(--sd-space-8);
}


.sd-settings-layout__content {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-24);
  
  flex: 1 1 var(--sd-settings-layout-content-min, 364px);
  min-width: 0;
  align-self: stretch;
}


.sd-settings-layout__header {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sd-space-24);
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  padding: 31px var(--sd-space-12) 30px;
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}


.sd-settings-layout__title {
  margin: 0;
  font-size: var(--sd-text-xl);
  font-weight: var(--sd-weight-bold);
  line-height: var(--sd-text-xl-lh);
  color: var(--sd-color-text-strong);
}


.sd-settings-layout__form {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-24);
  align-self: stretch;
}




@media (max-width: 583px) {
  .sd-settings-layout:has(> .sd-settings-layout__rail .sd-nav-link[data-sd-open]) > .sd-settings-layout__content {
    display: none;
  }
}





.sd-panel-subtitle {
  display: flex;
  align-items: flex-start;
  gap: var(--sd-space-8);
  padding: var(--sd-space-16) var(--sd-space-20);
  width: 100%;
  flex-shrink: 0;
  background: var(--sd-color-surface-default);
  font-family: var(--sd-font);
}


.sd-panel-subtitle:has(> .sd-panel-subtitle__close) {
  padding-bottom: calc(var(--sd-space-16) - var(--sd-border-width));
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}


.sd-panel-subtitle__label {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-strong);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sd-panel-subtitle__close {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  
  width: 24px;
  height: 24px;
  margin: -2px;
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-icon-disabled);
  cursor: pointer;
  transition: color var(--sd-duration-base) var(--sd-easing);
}

.sd-panel-subtitle__close .sd-icon {
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
}



.sd-panel-subtitle__close:hover  { color: var(--sd-color-icon-default); }
.sd-panel-subtitle__close:active { color: var(--sd-color-icon-strong); }


.sd-panel-subtitle__close:focus-visible {
  color: var(--sd-color-icon-default);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


@media (forced-colors: active) {
  .sd-panel-subtitle__close:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}





.sd-panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  min-height: 0;
  background: var(--sd-color-surface-sunken);
  border-left: var(--sd-border-width) solid var(--sd-color-border-default);
  box-shadow: var(--sd-shadow-lg);
  overflow: clip;
  font-family: var(--sd-font);
}


.sd-panel__tabs {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  padding: var(--sd-space-12) var(--sd-space-16) calc(var(--sd-space-12) - var(--sd-border-width));
  flex-shrink: 0;
  background: var(--sd-color-surface-default);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}


.sd-panel__body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-16);
  padding: var(--sd-space-24);
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-default);
}


.sd-panel__body:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}


.sd-panel__body--flush {
  gap: 0;
  padding: 0;
}

.sd-panel__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--sd-space-12);
  padding: var(--sd-space-16) var(--sd-space-24);
  flex-shrink: 0;
  background: var(--sd-color-surface-default);
  border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
}



.sd-panel--card {
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  box-shadow: none;
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-panel:where(main > *) .sd-panel-header {
    position: sticky;
    top: 0;
    z-index: var(--sd-z-raised);
  }

  .sd-panel:where(main > *) .sd-panel__footer {
    position: sticky;
    bottom: 0;
    z-index: var(--sd-z-raised);
    padding-bottom: calc(var(--sd-space-16) + env(safe-area-inset-bottom, 0px));
  }
}





.sd-input-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;

  
  width: 24px;
  height: 24px;
  padding: var(--sd-space-4);
  margin: calc(-1 * var(--sd-space-4));
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-icon-subtle);
  cursor: pointer;
  transition: color var(--sd-duration-base) var(--sd-easing);
}

.sd-input-remove__icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  overflow: clip;
}



.sd-input-remove:hover { color: var(--sd-color-icon-strong); }

.sd-input-remove:focus-visible {
  color: var(--sd-color-icon-strong);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  
  outline-offset: 0;
}




@media (forced-colors: active) {
  .sd-input-remove { color: ButtonText; }
  .sd-input-remove:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
    
    outline-offset: 0;
  }
}




@media (any-pointer: coarse) {
  .sd-input-remove {
    --sd-ir-reach: calc((var(--sd-target-touch) - var(--sd-icon-sm)) / 2);
    width: var(--sd-target-touch);
    height: var(--sd-target-touch);
    padding: var(--sd-ir-reach);
    margin: calc(-1 * var(--sd-ir-reach));
  }
}





.sd-input-chip {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  width: fit-content;
  max-width: 100%;
  padding: var(--sd-space-8);
  background: var(--sd-color-surface-default);
  
  border-radius: var(--sd-radius-xs);
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
}

.sd-input-chip__value {
  min-width: 0;
  overflow-wrap: anywhere;
}





.sd-text-chips {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  
  min-height: calc(var(--sd-control-sm) + 2 * var(--sd-space-4));
  padding: var(--sd-space-4);
  background: var(--sd-color-surface-subtle);
  border-radius: var(--sd-radius-sm);
  overflow: clip;
}

.sd-text-chips__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sd-space-4);
}





.sd-text-chips > .sd-text-chips__input {
  -webkit-appearance: none;
  appearance: none;
  
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  margin: 0;
  
  padding: var(--sd-space-8);
  border: 0;
  
  border-radius: var(--sd-radius-xs);
  background: transparent;
  box-shadow: none;
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  
  font-weight: inherit;
  line-height: var(--sd-text-sm-lh);
}

.sd-text-chips > .sd-text-chips__input::placeholder {
  color: var(--sd-color-text-placeholder);
  opacity: 1;              
}


.sd-text-chips__list:has(> *) + .sd-text-chips__input {
  margin-top: var(--sd-space-4);
}


.sd-text-chips:has(.sd-text-chips__input:focus-visible) {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}




.sd-text-chips--multiple {
  padding-right: calc(var(--sd-space-4) + 24px + var(--sd-space-8));
}

.sd-text-chips__affix {
  position: absolute;
  top: calc(var(--sd-space-4) + var(--sd-space-8));
  right: calc(var(--sd-space-4) + var(--sd-space-8));
  display: flex;
  align-items: center;
  justify-content: center;
  
  width: 24px;
  height: 24px;
  padding: var(--sd-space-4);
  color: var(--sd-color-icon-muted);
  pointer-events: none;
}

.sd-text-chips__affix .sd-icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
}




@media (forced-colors: active) {
  .sd-text-chips:has(.sd-text-chips__input:focus-visible) {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}


.sd-text-chips--disabled {
  background: var(--sd-color-surface-disabled);
}

.sd-text-chips--disabled .sd-text-chips__list *,
.sd-text-chips--disabled > .sd-text-chips__input,
.sd-text-chips--disabled > .sd-text-chips__input::placeholder {
  color: var(--sd-color-text-disabled);
}

.sd-text-chips--disabled .sd-text-chips__list button {
  visibility: hidden;
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px), (any-pointer: coarse) {
  .sd-text-chips > .sd-text-chips__input {
    font-size: var(--sd-text-entry);
  }
}




@media (any-pointer: coarse) {
  .sd-text-chips > .sd-text-chips__input {
    --sd-tc-reach: calc((var(--sd-target-touch) - 2 * var(--sd-space-8) - var(--sd-text-sm-lh)) / 2);
    padding-block: calc(var(--sd-space-8) + var(--sd-tc-reach));
    margin-block: calc(-1 * var(--sd-tc-reach));
  }

  
  .sd-text-chips__list:has(> *) + .sd-text-chips__input {
    margin-top: calc(var(--sd-space-4) - var(--sd-tc-reach));
  }
}





.sd-collaborator-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-12);
  
  min-height: calc(var(--sd-control-sm) + 2 * var(--sd-space-8));
  padding: var(--sd-space-8) 0;
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  color: var(--sd-color-text-default);
  list-style: none;
}

.sd-collaborator-row:last-child {
  border-bottom: 0;
}

.sd-collaborator-row__who {
  display: flex;
  flex-direction: column;
  
  flex: 1 1 8rem;
  min-width: 0;
}

.sd-collaborator-row__name,
.sd-collaborator-row__email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sd-collaborator-row__name {
  color: var(--sd-color-text-strong);
}

.sd-collaborator-row__email {
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  color: var(--sd-color-text-muted);
}


.sd-collaborator-row__access {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  flex-shrink: 0;
  margin-left: auto;
  
  width: 13.5rem;
}

.sd-collaborator-row__access > .sd-field {
  flex: 1 1 auto;
  min-width: 0;
}

.sd-collaborator-row__more {
  display: flex;
  margin-left: auto;
}

.sd-collaborator-row__owner {
  display: inline-flex;
  align-items: center;
  gap: var(--sd-space-4);
  padding-left: var(--sd-space-12);
  color: var(--sd-color-text-muted);
}

.sd-collaborator-row__lock {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  color: var(--sd-color-icon-muted);
}



.sd-collaborator-row--invited .sd-collaborator-row__name {
  color: var(--sd-color-text-muted);
}




.sd-collaborator-row--suggest {
  min-height: 0;
  padding: var(--sd-space-8);
  border-bottom: 0;
  border-radius: var(--sd-radius-sm);
  cursor: pointer;
}

.sd-collaborator-row--suggest:hover,
.sd-collaborator-row--suggest[aria-selected="true"] {
  background: var(--sd-color-surface-hover);
}

.sd-collaborator-row--suggest[aria-selected="true"] .sd-collaborator-row__name {
  color: var(--sd-color-text-strong);
}

.sd-collaborator-row[hidden] {
  display: none;
}


@media (forced-colors: active) {
  .sd-collaborator-row--suggest[aria-selected="true"] {
    outline: var(--sd-ring-width) solid Highlight;
  }
}




@media (any-pointer: coarse) {
  .sd-collaborator-row--suggest {
    min-height: var(--sd-target-touch);
  }
}





.sd-collaborator-list {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-8);
  min-width: 0;
}

.sd-collaborator-list__title {
  margin: 0;
  font-family: var(--sd-font);
  font-size: var(--sd-text-md);
  line-height: var(--sd-text-md-lh);
  font-weight: var(--sd-weight-semibold);
  color: var(--sd-color-text-strong);
}

.sd-collaborator-list__said[hidden] {
  display: none;
}

.sd-collaborator-list__rows {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}


.sd-collaborator-list__rows:focus {
  outline: none;
}





.sd-share-invite {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-8);
  min-width: 0;
  font-family: var(--sd-font);
}

.sd-share-invite__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--sd-space-8);
}

.sd-share-invite__people {
  position: relative;
  
  flex: 1 1 16rem;
  min-width: 0;
}

.sd-share-invite__role {
  
  flex: 0 0 9.5rem;
}

.sd-share-invite__row > .sd-button {
  flex-shrink: 0;
}




.sd-share-invite__suggest {
  position: absolute;
  top: calc(100% + var(--sd-space-4));
  left: 0;
  right: 0;
  z-index: var(--sd-z-float);
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-2);
  margin: 0;
  padding: calc(var(--sd-space-4) - var(--sd-border-width));
  border: var(--sd-popup-border);
  border-radius: var(--sd-popup-radius);
  box-shadow: var(--sd-popup-shadow);
  background: var(--sd-color-surface-default);
  list-style: none;
}

.sd-share-invite__suggest[hidden] {
  display: none;
}

.sd-share-invite__typed {
  display: flex;
  align-items: center;
  gap: var(--sd-space-12);
  padding: var(--sd-space-8);
  border-radius: var(--sd-radius-sm);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  color: var(--sd-color-text-default);
  cursor: pointer;
}

.sd-share-invite__typed[hidden] {
  display: none;
}

.sd-share-invite__typed:hover,
.sd-share-invite__typed[aria-selected="true"] {
  background: var(--sd-color-surface-hover);
}


.sd-share-invite__typed-icon {
  flex-shrink: 0;
  
  width: 32px;
  height: var(--sd-icon-md);
  color: var(--sd-color-icon-muted);
}

.sd-share-invite__typed-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sd-share-invite__note {
  margin: 0;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-medium);
  color: var(--sd-color-text-muted);
}


@media (forced-colors: active) {
  .sd-share-invite__typed[aria-selected="true"] {
    outline: var(--sd-ring-width) solid Highlight;
  }
}







.sd-table__scroll {
  
  width: 100%;

  overflow-x: auto;
  overflow-y: hidden;

  
  position: relative;

  
  container: sd-table / inline-size;
}

.sd-table {
  
  --sd-table-pad-y:      var(--sd-space-20);
  --sd-table-pad-b:      calc(var(--sd-space-20) - 1px);
  --sd-table-pad-x:      var(--sd-space-24);
  --sd-table-head-pad-y: var(--sd-space-12);
  --sd-table-head-pad-b: calc(var(--sd-space-12) - 1px);
  --sd-table-head-pad-x: var(--sd-space-24);

  width: 100%;
  border-collapse: collapse;
  table-layout: auto;

  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  text-align: left;
}




.sd-table--normal {
  --sd-table-pad-y:      var(--sd-space-12);
  --sd-table-pad-b:      calc(var(--sd-space-12) - 1px);
  --sd-table-pad-x:      var(--sd-space-20);
  --sd-table-head-pad-y: var(--sd-space-8);
  --sd-table-head-pad-b: var(--sd-space-8);
  --sd-table-head-pad-x: var(--sd-space-20);
}




@container sd-table (max-width: 1050px) {
  .sd-table--fold {
    --sd-table-pad-x: var(--sd-space-16);
    --sd-table-head-pad-x: var(--sd-space-16);
    display: grid;
    grid-template-columns: [lead] auto [title] minmax(0, 1fr) [detail] auto [action] auto;
    border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  }

  
  .sd-table--fold > :is(thead, tbody) {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
  }
}


@container sd-table (max-width: 608px) {
  :is(.sd-table--fold, .sd-table--stack),
  :is(.sd-table--fold, .sd-table--stack) > :is(thead, tbody) {
    display: block;
  }

  
  :is(.sd-table--fold, .sd-table--stack) {
    border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  }

  
  :is(.sd-table--fold, .sd-table--stack) > thead {
    position: absolute;
    
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}




@container sd-table (max-width: 608px) {
  .sd-table:not(.sd-table--fold, .sd-table--stack) {
    --sd-table-pad-x: var(--sd-space-16);
    --sd-table-head-pad-x: var(--sd-space-16);
  }
}




@media (any-pointer: coarse) {
  .sd-table:has(.sd-table-cell--place-pick) > tbody {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
}





.sd-table-row {
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
}


.sd-table--normal .sd-table-row--header {
  border: 0;
}
.sd-table--normal thead + tbody > .sd-table-row:first-child {
  border-top: 0;
}


.sd-table-row--opens {
  cursor: pointer;
}
.sd-table-row--opens > .sd-table-cell {
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}
.sd-table-row--opens:hover > .sd-table-cell {
  background-color: var(--sd-color-surface-hover);
}
.sd-table-row--opens:active:not(:has(:is(button, a:not([data-sd-row-link]), input, select, textarea, label):active)) > .sd-table-cell {
  background-color: var(--sd-color-surface-pressed);
}


@media (forced-colors: active) {
  .sd-table-row--opens:hover {
    outline: var(--sd-border-width) solid Highlight;
    outline-offset: var(--sd-ring-offset-inset);
  }
  .sd-table-row--opens:active:not(:has(:is(button, a:not([data-sd-row-link]), input, select, textarea, label):active)) {
    outline: var(--sd-ring-width) solid Highlight;
    outline-offset: var(--sd-ring-offset-inset);
  }
}


.sd-table-row--selected > .sd-table-cell,
.sd-table-row--selected:hover > .sd-table-cell {
  background-color: var(--sd-color-surface-selected);
}




@container sd-table (max-width: 1050px) {
  .sd-table--fold .sd-table-row {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    grid-template-rows: auto auto;
    border: 0;
    border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
  }

  .sd-table--fold > :first-child > .sd-table-row:first-child {
    border-top: 0;
  }
}


@container sd-table (max-width: 608px) {
  :is(.sd-table--fold, .sd-table--stack) .sd-table-row {
    display: grid;
    grid-column: auto;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
    column-gap: var(--sd-space-8);
    padding: var(--sd-space-16);
    background-color: var(--sd-color-surface-default);
    transition: background-color var(--sd-duration-base) var(--sd-easing);
    border: 0;
    border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
  }

  
  :is(.sd-table--fold, .sd-table--stack) > thead + tbody > .sd-table-row:first-child {
    border-top: 0;
  }

  :is(.sd-table--fold, .sd-table--stack) .sd-table-row--opens:hover {
    background-color: var(--sd-color-surface-hover);
  }
  :is(.sd-table--fold, .sd-table--stack) .sd-table-row--opens:active:not(:has(:is(button, a:not([data-sd-row-link]), input, select, textarea, label):active)) {
    background-color: var(--sd-color-surface-pressed);
  }
  :is(.sd-table--fold, .sd-table--stack) .sd-table-row--selected,
  :is(.sd-table--fold, .sd-table--stack) .sd-table-row--selected:hover {
    background-color: var(--sd-color-surface-selected);
  }
}




@container sd-table (max-width: 1050px) {
  :is(.sd-table--fold, .sd-table--stack) .sd-table-row--opens {
    position: relative;
  }

  :is(.sd-table--fold, .sd-table--stack) .sd-table-row--opens [data-sd-row-link]::after {
    content: "";
    position: absolute;
    inset: 0;
  }

  :is(.sd-table--fold, .sd-table--stack) .sd-table-row--opens :is(a[href], button, summary, label, input, select, textarea):not([data-sd-row-link], [popover] *) {
    position: relative;
    z-index: var(--sd-z-raised);
  }
}





.sd-table-cell {
  padding: var(--sd-table-pad-y) var(--sd-table-pad-x) var(--sd-table-pad-b);
  vertical-align: middle;
  background: var(--sd-color-surface-default);

  
  font-weight: inherit;
  text-align: left;
}



.sd-table-cell--header,
.sd-table-row--header > .sd-table-cell {
  padding: var(--sd-table-head-pad-y) var(--sd-table-head-pad-x) var(--sd-table-head-pad-b);
  background: var(--sd-color-surface-subtle);
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-xs-lh);
}




.sd-table-cell--fit {
  width: 1%;
  white-space: nowrap;
}




.sd-table-cell--align-end {
  text-align: right;
}


.sd-table-cell__sort {
  display: inline-flex;
  align-items: center;
  gap: var(--sd-space-4);
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: none;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
  transition: color var(--sd-duration-base) var(--sd-easing);
}

.sd-table-cell__sort:hover {
  color: var(--sd-color-text-strong);
}

.sd-table-cell__sort:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}

.sd-table-cell__sort-icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-default);
}

.sd-table-cell[aria-sort="ascending"] > .sd-table-cell__sort > .sd-table-cell__sort-icon {
  rotate: 180deg;
}

.sd-table-cell[aria-sort="none"] > .sd-table-cell__sort > .sd-table-cell__sort-icon {
  visibility: hidden;
  color: var(--sd-color-icon-subtle);
}

.sd-table-cell[aria-sort="none"] > .sd-table-cell__sort:is(:hover, :focus-visible) > .sd-table-cell__sort-icon {
  visibility: visible;
}




@media (any-pointer: coarse) {
  .sd-table-cell__sort {
    --sd-sort-reach: calc((var(--sd-target-touch) - 1lh) / 2);
    padding-block: var(--sd-sort-reach);
    margin-block: calc(-1 * var(--sd-sort-reach));
  }
}




@container sd-table (max-width: 1050px) {
  .sd-table--fold .sd-table-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    min-width: 0;
  }

  .sd-table--fold .sd-table-cell--place-lead {
    grid-column: lead;
    grid-row: 1 / span 2;
  }

  .sd-table--fold .sd-table-cell--place-title {
    grid-column: title;
    grid-row: 1 / span 2;
  }

  .sd-table--fold .sd-table-cell--place-action {
    grid-column: action;
    grid-row: 1 / span 2;
    align-items: center;
  }

  
  .sd-table--fold .sd-table-cell--place-detail {
    grid-column: detail;
    grid-row: 1;
    justify-content: flex-end;
    padding-bottom: var(--sd-space-2);
  }

  .sd-table--fold .sd-table-cell--place-detail + .sd-table-cell--place-detail {
    grid-row: 2;
    justify-content: flex-start;
    padding-top: var(--sd-space-2);
    padding-bottom: var(--sd-table-pad-b);
  }

  .sd-table--fold .sd-table-row--header > .sd-table-cell--place-detail + .sd-table-cell--place-detail {
    padding-bottom: var(--sd-table-head-pad-b);
  }

  .sd-table--fold tbody .sd-table-cell--place-detail + .sd-table-cell--place-detail {
    color: var(--sd-color-text-muted);
  }

  .sd-table--fold .sd-table-row:not(:has(> .sd-table-cell--place-detail + .sd-table-cell--place-detail)) > .sd-table-cell--place-detail {
    grid-row: 1 / span 2;
    justify-content: center;
    padding-bottom: var(--sd-table-pad-b);
  }
}


@container sd-table (max-width: 608px) {
  :is(.sd-table--fold, .sd-table--stack) .sd-table-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    min-width: 0;
  }

  :is(.sd-table--fold, .sd-table--stack) .sd-table-row > .sd-table-cell {
    padding: 0;
    background-color: transparent;
  }

  :is(.sd-table--fold, .sd-table--stack) .sd-table-cell--place-lead {
    grid-column: 1 / span 3;
    grid-row: 1;
    margin-bottom: var(--sd-space-8);
  }

  :is(.sd-table--fold, .sd-table--stack) .sd-table-cell--place-title {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  
  :is(.sd-table--fold, .sd-table--stack) .sd-table-row:not(:has(> .sd-table-cell--place-lead)) > .sd-table-cell--place-title {
    grid-column: 1 / span 3;
    grid-row: 1;
  }

  
  :is(.sd-table--fold, .sd-table--stack) .sd-table-cell--place-action {
    grid-column: 4;
    grid-row: 1;
    align-items: center;
    align-self: start;
    margin: calc(var(--sd-space-8) * -1 - var(--sd-space-2));
    margin-left: 0;
  }

  :is(.sd-table--fold, .sd-table--stack) .sd-table-cell--place-detail,
  :is(.sd-table--fold, .sd-table--stack) .sd-table-row:not(:has(> .sd-table-cell--place-detail + .sd-table-cell--place-detail)) > .sd-table-cell--place-detail {
    grid-column: 1;
    grid-row: 3;
    justify-content: flex-start;
    margin-top: var(--sd-space-8);
    padding: 0;
    color: var(--sd-color-text-muted);
    white-space: normal;
  }

  :is(.sd-table--fold, .sd-table--stack) .sd-table-cell--place-detail + .sd-table-cell--place-detail {
    grid-column: 2 / -1;
    grid-row: 3;
    flex-direction: row;
    gap: var(--sd-space-8);
    padding: 0;
  }

  :is(.sd-table--fold, .sd-table--stack) .sd-table-cell--place-detail + .sd-table-cell--place-detail::before {
    content: "·" / "";
  }
}




@container sd-table (max-width: 1050px) {
  .sd-table--fold:has(.sd-table-cell--place-pick) .sd-table-row {
    position: relative;
  }
  .sd-table--fold .sd-table-cell--place-pick {
    position: absolute;
    inset-block: 0;
    inset-inline-start: var(--sd-table-pad-x);
    z-index: var(--sd-z-raised);
    flex-direction: row;
    align-items: center;
    padding: 0;
  }
  
  .sd-table--fold:has(.sd-table-cell--place-pick) .sd-table-cell--place-lead {
    padding-inline-start: calc(var(--sd-table-pad-x) + var(--sd-space-16) + var(--sd-space-12));
  }
}


@container sd-table (max-width: 608px) {
  :is(.sd-table--fold, .sd-table--stack):has(.sd-table-cell--place-pick) .sd-table-row {
    position: relative;
  }
  :is(.sd-table--fold, .sd-table--stack) .sd-table-row > .sd-table-cell--place-pick {
    position: absolute;
    inset-block: var(--sd-space-16) auto;
    inset-inline-start: var(--sd-space-16);
    z-index: var(--sd-z-raised);
    flex-direction: row;
    align-items: center;
  }
  :is(.sd-table--fold, .sd-table--stack):has(.sd-table-cell--place-pick) .sd-table-row > :is(.sd-table-cell--place-lead, .sd-table-cell--place-pick + .sd-table-cell--place-title) {
    padding-inline-start: calc(var(--sd-space-16) + var(--sd-space-12));
  }
}


@media (hover: none) {
  
  @container sd-table (max-width: 1050px) {
    .sd-table--fold:not(:has(.sd-table-cell--place-pick input:is(:checked, :focus-visible))) .sd-table-cell--place-pick {
      inset-block: auto;
      
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
    }
    .sd-table--fold:not(:has(.sd-table-cell--place-pick input:is(:checked, :focus-visible))) .sd-table-cell--place-lead {
      padding-inline-start: var(--sd-table-pad-x);
    }
  }
  
  @container sd-table (max-width: 608px) {
    :is(.sd-table--fold, .sd-table--stack):not(:has(.sd-table-cell--place-pick input:is(:checked, :focus-visible))) .sd-table-row > .sd-table-cell--place-pick {
      inset-block: auto;
      
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
    }
    :is(.sd-table--fold, .sd-table--stack):not(:has(.sd-table-cell--place-pick input:is(:checked, :focus-visible))) .sd-table-row > :is(.sd-table-cell--place-lead, .sd-table-cell--place-pick + .sd-table-cell--place-title) {
      padding-inline-start: 0;
    }
  }
}




@media (hover: none) {
  .sd-table-cell[aria-sort="none"] > .sd-table-cell__sort > .sd-table-cell__sort-icon {
    visibility: visible;
  }
}





.sd-table-sort {
  display: none;
}


@container sd-table (max-width: 1050px) {
  .sd-table--fold > .sd-table-sort {
    display: block;
    grid-column: 1 / -1;
    
    --sd-label-col: auto;
    padding: var(--sd-space-12) var(--sd-space-16);
    background-color: var(--sd-color-surface-default);
    border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
    text-align: left;
  }
}





.sd-selection-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-8) var(--sd-space-12);
  box-sizing: border-box;
  padding: var(--sd-space-8) var(--sd-space-8) var(--sd-space-8) var(--sd-space-16);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-lg);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-lg);
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
}


.sd-selection-bar[hidden] {
  display: none;
}

.sd-selection-bar__count {
  margin: 0;
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-sm-lh);
  white-space: nowrap;
}

.sd-selection-bar__actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-8);
}

.sd-selection-bar--float {
  position: fixed;
  
  bottom: calc(var(--sd-space-24) + env(safe-area-inset-bottom, 0px));
  left: 50%;
  z-index: var(--sd-z-float);
  
  max-width: calc(100vw - 2 * var(--sd-space-16));
  transform: translateX(-50%);
}


:root:has(.sd-selection-bar--float:not([hidden])) {
  --sd-selection-bar-reserve: calc(var(--sd-target-touch) + 2 * var(--sd-space-8) + var(--sd-space-24)
                                   + env(safe-area-inset-bottom, 0px));
  scroll-padding-bottom: var(--sd-selection-bar-reserve);
}

body:has(.sd-selection-bar--float:not([hidden])) {
  padding-bottom: var(--sd-selection-bar-reserve);
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-selection-bar--float {
    inset-inline: 0;
    bottom: 0;
    left: 0;
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--sd-space-8);
    padding: var(--sd-space-8)
             calc(var(--sd-space-12) + env(safe-area-inset-right, 0px))
             calc(var(--sd-space-8) + env(safe-area-inset-bottom, 0px))
             calc(var(--sd-space-16) + env(safe-area-inset-left, 0px));
    border-width: var(--sd-border-width) 0 0;
    border-radius: 0;
    box-shadow: none;
    transform: none;
  }

  .sd-selection-bar--float[hidden] {
    display: none;
  }

  .sd-selection-bar--float > .sd-selection-bar__actions {
    grid-column: 1 / -1;
    grid-row: 2;
    flex-wrap: nowrap;
  }

  .sd-selection-bar--float > .sd-selection-bar__actions > * {
    flex: 1 1 0;
    min-width: 0;
    min-height: var(--sd-target-touch);
  }

  
  :root:has(.sd-selection-bar--float:not([hidden])) {
    --sd-selection-bar-reserve: calc(2 * var(--sd-target-touch) + 3 * var(--sd-space-8)
                                     + var(--sd-border-width) + env(safe-area-inset-bottom, 0px));
  }
}


@media (any-pointer: coarse) {
  .sd-selection-bar--float > .sd-selection-bar__actions > * {
    min-height: var(--sd-target-touch);
  }
}




@media (forced-colors: active) {
  .sd-selection-bar {
    border-color: CanvasText;
  }
}





.sd-empty-art {
  display: flex;
  justify-content: center;
  align-self: stretch;
  
  height: clamp(140px, 15.4vw, 210px);
  overflow: hidden;
}

.sd-empty-art__art {
  display: none;
  flex-shrink: 0;
  
  height: 100%;
  width: auto;
  aspect-ratio: 4 / 1;
  overflow: visible;
}

.sd-empty-art--signature .sd-empty-art__art--signature,
.sd-empty-art--documents .sd-empty-art__art--documents,
.sd-empty-art--templates .sd-empty-art__art--templates,
.sd-empty-art--templates-error .sd-empty-art__art--templates-error {
  display: block;
}



.sd-empty-art__halo { fill: var(--sd-color-surface-selected); }
.sd-empty-art__dot,
.sd-empty-art__spark { fill: var(--sd-color-border-accent); }
.sd-empty-art__paper { fill: var(--sd-color-surface-default); stroke: var(--sd-color-border-default); stroke-width: 1.5; }
.sd-empty-art__paper-back { fill: var(--sd-color-surface-subtle); stroke: var(--sd-color-border-default); stroke-width: 1.5; }
.sd-empty-art__fold { fill: var(--sd-color-surface-subtle); stroke: var(--sd-color-border-default); stroke-width: 1.5; stroke-linejoin: round; }
.sd-empty-art__shadow { fill: var(--sd-color-surface-selected-active); }
.sd-empty-art__copy { fill: var(--sd-color-surface-accent); stroke: var(--sd-color-border-accent); stroke-width: 1.5; }
.sd-empty-art__line { fill: var(--sd-color-surface-muted); }
.sd-empty-art__line-strong { fill: var(--sd-color-border-strong); }
.sd-empty-art__table-head { fill: var(--sd-color-surface-subtle); stroke: var(--sd-color-border-subtle); }
.sd-empty-art__accent { fill: var(--sd-color-action-primary); }
.sd-empty-art__accent-soft { fill: var(--sd-color-surface-selected-active); }
.sd-empty-art__chart { fill: none; stroke: var(--sd-color-border-accent-strong); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sd-empty-art__success { fill: var(--sd-color-status-success-fill); }
.sd-empty-art__field { fill: var(--sd-color-object-field-surface); stroke: var(--sd-color-object-field-border); stroke-width: 1.5; stroke-dasharray: 4 3; }
.sd-empty-art__field-rule { stroke: var(--sd-color-object-field-border); stroke-width: 1; }
.sd-empty-art__data { fill: var(--sd-color-object-data-surface); stroke: var(--sd-color-object-data-border); stroke-width: 1.25; }
.sd-empty-art__data-badge { fill: var(--sd-color-object-data-border); }
.sd-empty-art__ring { stroke: var(--sd-color-surface-default); stroke-width: 3; }
.sd-empty-art__on-accent { fill: var(--sd-color-icon-inverse); }
.sd-empty-art__on-accent-stroke { fill: none; stroke: var(--sd-color-icon-inverse); stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; }
.sd-empty-art__ink { fill: none; stroke: var(--sd-color-action-primary); stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; }

.sd-empty-art__card { fill: var(--sd-color-surface-default); stroke: var(--sd-color-border-default); stroke-width: 1.5; }
.sd-empty-art__divider { stroke: var(--sd-color-border-subtle); stroke-width: 1.5; }
.sd-empty-art__person { fill: var(--sd-color-icon-accent); }
.sd-empty-art__data-soft { fill: var(--sd-color-object-data-surface-hover); }
.sd-empty-art__person-data { fill: var(--sd-color-object-data-border); }
.sd-empty-art__pending { fill: var(--sd-color-object-field-surface); stroke: var(--sd-color-object-field-border); stroke-width: 1.75; }
.sd-empty-art__pending-hand { fill: none; stroke: var(--sd-color-object-field-border); stroke-width: 1.5; stroke-linecap: round; }
.sd-empty-art__meter { fill: var(--sd-color-surface-meter); }
.sd-empty-art__meter-fill { fill: var(--sd-color-status-success-fill); }
.sd-empty-art__connector { fill: none; stroke: var(--sd-color-border-accent-strong); stroke-width: 2; stroke-dasharray: 2 6; stroke-linecap: round; }
.sd-empty-art__node { fill: var(--sd-color-border-accent-strong); }
.sd-empty-art__dropzone { fill: var(--sd-color-surface-default); stroke: var(--sd-color-border-accent-strong); stroke-width: 1.75; stroke-dasharray: 7 5; }
.sd-empty-art__icon-accent { fill: none; stroke: var(--sd-color-icon-accent); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sd-empty-art__file { fill: var(--sd-color-surface-selected-active); stroke: var(--sd-color-border-accent-strong); stroke-width: 1.5; stroke-linejoin: round; }
.sd-empty-art__tag { fill: var(--sd-color-surface-selected-active); }
.sd-empty-art__filled { fill: var(--sd-color-text-muted); }
.sd-empty-art__on-accent-stroke.sd-empty-art__thin,
.sd-empty-art__thin { stroke-width: 1.75; }


.sd-empty-art__paper,
.sd-empty-art__paper-back,
.sd-empty-art__fold,
.sd-empty-art__copy,
.sd-empty-art__field,
.sd-empty-art__data { vector-effect: non-scaling-stroke; }



.sd-empty-art__dino { fill: var(--sd-color-action-primary); }
.sd-empty-art__dino-far { fill: var(--sd-color-action-primary-active); }
.sd-empty-art__dino-belly { fill: var(--sd-color-surface-selected-active); }
.sd-empty-art__dino-spike { fill: var(--sd-color-border-accent-strong); }
.sd-empty-art__dino-crease { fill: none; stroke: var(--sd-color-action-primary-active); stroke-width: 2; stroke-linecap: round; opacity: 0.5; }
.sd-empty-art__dino-toes { stroke: var(--sd-color-action-primary-active); stroke-width: 2; stroke-linecap: round; }
.sd-empty-art__dino-arm { fill: none; stroke: var(--sd-color-action-primary); stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; }
.sd-empty-art__dino-mouth { fill: var(--sd-color-surface-inverse); }
.sd-empty-art__dino-tongue { fill: var(--sd-color-status-error-fill); }
.sd-empty-art__dino-tooth { fill: var(--sd-color-surface-default); }
.sd-empty-art__dino-eye { fill: var(--sd-color-surface-default); }
.sd-empty-art__dino-pupil { fill: var(--sd-color-text-strong); }
.sd-empty-art__dino-glint { fill: var(--sd-color-surface-default); }
.sd-empty-art__dino-nostril { fill: var(--sd-color-action-primary-active); }
.sd-empty-art__dino-cheek { fill: var(--sd-color-status-error-tint-strong); }
.sd-empty-art__dino-brow { fill: none; stroke: var(--sd-color-action-primary-active); stroke-width: 3; stroke-linecap: round; }
.sd-empty-art__alert { fill: var(--sd-color-status-error-fill); }

.sd-empty-art__bite { fill: var(--sd-color-surface-sunken); }




.sd-empty-art__rise {
  animation: sd-empty-art-rise calc(var(--sd-duration-slow) * 3) var(--sd-easing-out) both;
}

.sd-empty-art__pop {
  transform-box: fill-box;
  transform-origin: center;
  animation: sd-empty-art-pop calc(var(--sd-duration-slow) * 2) var(--sd-easing-out) calc(var(--sd-duration-slow) * 2) both;
}

.sd-empty-art__pop--late {
  animation-delay: calc(var(--sd-duration-slow) * 6);
}

.sd-empty-art__draw {
  stroke-dasharray: 1;
  animation: sd-empty-art-draw calc(var(--sd-duration-slow) * 5) var(--sd-easing) calc(var(--sd-duration-slow) * 2) both;
}

.sd-empty-art__side {
  animation: sd-empty-art-side calc(var(--sd-duration-slow) * 3) var(--sd-easing-out) calc(var(--sd-duration-slow) * 3) both;
}

.sd-empty-art__side--left { --sd-empty-art-from: calc(var(--sd-space-12) * -1); }
.sd-empty-art__side--right { --sd-empty-art-from: var(--sd-space-12); animation-delay: calc(var(--sd-duration-slow) * 5); }

@keyframes sd-empty-art-side { from { opacity: 0; transform: translateX(var(--sd-empty-art-from)); } }
@keyframes sd-empty-art-rise { from { opacity: 0; transform: translateY(6px); } }
@keyframes sd-empty-art-pop  { from { opacity: 0; transform: scale(0.6); } }
@keyframes sd-empty-art-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }


.sd-empty-art__dino-jaw {
  transform-box: fill-box;
  transform-origin: 94% 14%;
  transform: rotate(-12deg);
  animation: sd-empty-art-chomp calc(var(--sd-duration-slow) * 2) var(--sd-easing) calc(var(--sd-duration-slow) * 3) 3 both;
}

.sd-empty-art__chomped {
  transform-box: fill-box;
  transform-origin: 100% 50%;
  animation: sd-empty-art-nibble calc(var(--sd-duration-slow) * 2) var(--sd-easing) calc(var(--sd-duration-slow) * 3) 3 both;
}

.sd-empty-art__fly {
  animation: sd-empty-art-fly calc(var(--sd-duration-slow) * 4) var(--sd-easing-out) calc(var(--sd-duration-slow) * 2) both;
}

.sd-empty-art__fly--two { animation-delay: calc(var(--sd-duration-slow) * 4); }

.sd-empty-art__fall {
  animation: sd-empty-art-fall calc(var(--sd-duration-slow) * 4) var(--sd-easing-out) calc(var(--sd-duration-slow) * 7) both;
}


.sd-empty-art--templates-error:hover .sd-empty-art__dino-jaw {
  animation: sd-empty-art-chomp-again calc(var(--sd-duration-slow) * 2) var(--sd-easing) 2;
}

@keyframes sd-empty-art-chomp { 0%, 100% { transform: rotate(-12deg); } 50% { transform: rotate(0deg); } }
@keyframes sd-empty-art-chomp-again { 0%, 100% { transform: rotate(-12deg); } 50% { transform: rotate(0deg); } }
@keyframes sd-empty-art-nibble { 50% { transform: translateX(6px); } }
@keyframes sd-empty-art-fly { from { opacity: 0; transform: translate(-48px, 40px); } }
@keyframes sd-empty-art-fall { from { opacity: 0; transform: translateY(-24px); } }


@media (prefers-reduced-motion: reduce) {
  .sd-empty-art__rise,
  .sd-empty-art__pop,
  .sd-empty-art__draw,
  .sd-empty-art__side,
  .sd-empty-art__dino-jaw,
  .sd-empty-art--templates-error:hover .sd-empty-art__dino-jaw,
  .sd-empty-art__chomped,
  .sd-empty-art__fly,
  .sd-empty-art__fall { animation: none; }
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-empty-art {
    
    height: 126px;
  }
}





.sd-counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  
  min-width: calc(var(--sd-text-xs-lh) + 2 * var(--sd-space-4));
  padding: var(--sd-space-4) var(--sd-space-8);
  flex-shrink: 0;

  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-muted);
  color: var(--sd-color-text-strong);

  font-family: var(--sd-font);
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-xs-lh);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  vertical-align: middle;
}


.sd-counter--compact {
  min-width: 0;
  padding-block: 0;
}





.sd-progress-bar {
  -webkit-appearance: none;
  appearance: none;

  display: block;
  width: 100%;
  
  height: 15px;
  border: 0;
  border-radius: var(--sd-radius-full);
  overflow: hidden;

  background: var(--sd-color-surface-meter);
}

.sd-progress-bar::-webkit-progress-bar {
  background: var(--sd-color-surface-meter);
  border-radius: var(--sd-radius-full);
}

.sd-progress-bar::-webkit-progress-value {
  background: var(--sd-color-surface-meter-filled);
  border-radius: var(--sd-radius-full);
  transition: width var(--sd-duration-slow) var(--sd-easing-out);
}

.sd-progress-bar::-moz-progress-bar {
  background: var(--sd-color-surface-meter-filled);
  border-radius: var(--sd-radius-full);
}


.sd-progress-bar--outstanding::-webkit-progress-value {
  background: var(--sd-color-surface-meter-owed);
}

.sd-progress-bar--outstanding::-moz-progress-bar {
  background: var(--sd-color-surface-meter-owed);
}


.sd-progress-bar--complete::-webkit-progress-value {
  background: var(--sd-color-surface-meter-done);
}

.sd-progress-bar--complete::-moz-progress-bar {
  background: var(--sd-color-surface-meter-done);
}






.sd-spinner {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  vertical-align: middle;
}


.sd-spinner__ring {
  display: block;
  box-sizing: border-box;
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  border: 2px solid var(--sd-color-border-default);
  border-top-color: var(--sd-color-icon-muted);
  border-radius: var(--sd-radius-full);
  animation: sd-spinner-turn var(--sd-duration-spin) linear infinite;
}

.sd-spinner--sm .sd-spinner__ring {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
}


.sd-spinner--lg .sd-spinner__ring {
  
  width: 44px;
  height: 44px;
  border-width: 3px;
  animation-duration: calc(var(--sd-duration-spin) * 1.25);
}


.sd-spinner--accent .sd-spinner__ring {
  border-color: var(--sd-color-border-accent);
  border-top-color: var(--sd-color-icon-accent);
}


.sd-spinner--pending .sd-spinner__ring {
  border-color: var(--sd-color-border-pending);
  border-top-color: var(--sd-color-icon-pending);
}


.sd-spinner--current .sd-spinner__ring {
  border-color: currentColor;
  border-top-color: transparent;
}


.sd-spinner[data-sd-spinner-state] .sd-spinner__ring {
  position: relative;
  transition: border-color var(--sd-duration-tour) var(--sd-easing-tour);
}

.sd-spinner[data-sd-spinner-state="ready"] .sd-spinner__ring,
.sd-spinner[data-sd-spinner-state="error"] .sd-spinner__ring {
  border-color: var(--sd-color-icon-accent);
  animation: none;
}

.sd-spinner[data-sd-spinner-state="error"] .sd-spinner__ring {
  border-color: var(--sd-color-icon-error);
}

.sd-spinner[data-sd-spinner-state] .sd-spinner__ring::after {
  content: "";
  position: absolute;
  top: 22%;
  left: 36%;
  box-sizing: border-box;
  width: 28%;
  height: 46%;
  border: solid var(--sd-color-icon-accent);
  border-width: 0 3px 3px 0;
  border-radius: 1px;
  opacity: 0;
  transform: rotate(45deg) scale(0.6);
}

.sd-spinner[data-sd-spinner-state="ready"] .sd-spinner__ring::after {
  opacity: 1;
  transform: rotate(45deg);
  transition:
    opacity calc(var(--sd-duration-tour) / 2) var(--sd-easing-tour) calc(var(--sd-duration-tour) / 2),
    transform calc(var(--sd-duration-tour) * 0.75) var(--sd-easing-tour) calc(var(--sd-duration-tour) / 2);
}

@keyframes sd-spinner-turn {
  to {
    transform: rotate(360deg);
  }
}


@media (prefers-reduced-motion: reduce) {
  .sd-spinner__ring {
    animation: none;
  }

  
  .sd-spinner--lg:not([data-sd-spinner-state="ready"], [data-sd-spinner-state="error"]) .sd-spinner__ring {
    animation: sd-spinner-turn 3s linear infinite;
  }
}





.sd-wait-status {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  row-gap: var(--sd-space-24);
  font-family: var(--sd-font);
}


.sd-wait-status > :not([data-sd-wait-show]) {
  grid-row: 1;
}


.sd-wait-status > [data-sd-wait-show] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sd-space-12);
  grid-row: 2;
  grid-column: 1;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  translate: 0 calc(-1 * var(--sd-space-8));
  transition:
    opacity calc(var(--sd-duration-tour-travel) * 0.3) var(--sd-easing-tour),
    translate calc(var(--sd-duration-tour-travel) * 0.45) var(--sd-easing-tour),
    visibility 0s linear calc(var(--sd-duration-tour-travel) * 0.3);
}


.sd-wait-status > :is([data-sd-wait-show="ready"], [data-sd-wait-show="expired"], [data-sd-wait-show="failed"], [data-sd-wait-show="limit"]) {
  translate: 0 var(--sd-space-12);
}


.sd-wait-status:not([data-sd-wait-done], .sd-wait-status--joined) > [data-sd-wait-show="wait"],
.sd-wait-status--joined:not([data-sd-wait-done]) > [data-sd-wait-show="wait-joined"],
.sd-wait-status[data-sd-wait-done]:not(.sd-wait-status--expired, .sd-wait-status--failed, .sd-wait-status--limit) > [data-sd-wait-show="ready"],
.sd-wait-status--expired[data-sd-wait-done] > [data-sd-wait-show="expired"],
.sd-wait-status--failed[data-sd-wait-done] > [data-sd-wait-show="failed"],
.sd-wait-status--limit[data-sd-wait-done] > [data-sd-wait-show="limit"] {
  visibility: visible;
  opacity: 1;
  translate: none;
  transition:
    opacity calc(var(--sd-duration-tour-travel) * 0.55) var(--sd-easing-tour) calc(var(--sd-duration-tour-travel) * 0.14),
    translate calc(var(--sd-duration-tour-travel) * 0.8) var(--sd-easing-tour) calc(var(--sd-duration-tour-travel) * 0.14),
    visibility 0s linear calc(var(--sd-duration-tour-travel) * 0.14);
}


.sd-wait-status:not(:has(> :not([data-sd-wait-show]))) > [data-sd-wait-show] {
  grid-row: 1;
}


.sd-wait-status--fill > [data-sd-wait-show] {
  align-items: stretch;
  gap: var(--sd-space-16);
}

.sd-wait-status--fill > [data-sd-wait-show],
.sd-wait-status--fill > [data-sd-wait-show]:is([data-sd-wait-show="ready"], [data-sd-wait-show="expired"], [data-sd-wait-show="failed"], [data-sd-wait-show="limit"]),
.sd-wait-status--fill:not([data-sd-wait-done]) {
  translate: none;
  animation: none;
}


.sd-wait-status > [data-sd-wait-show] [tabindex="-1"]:focus {
  outline: none;
}


.sd-wait-status:not([data-sd-wait-done]) {
  animation: sd-wait-status-enter calc(var(--sd-duration-tour-travel) * 0.45) var(--sd-easing-tour) both;
}

@keyframes sd-wait-status-enter {
  from {
    opacity: 0;
    translate: 0 var(--sd-space-8);
  }
}


@media (prefers-reduced-motion: reduce) {
  .sd-wait-status > [data-sd-wait-show] {
    translate: none;
  }

  .sd-wait-status:not([data-sd-wait-done]) {
    animation: none;
  }
}





.sd-data-view {
  display: contents;
}

.sd-data-view > [data-sd-data-show] {
  display: none;
}


.sd-data-view--empty:has(> [data-sd-data-show~="empty"]) > [data-sd-data-show~="empty"],
.sd-data-view--error:has(> [data-sd-data-show~="error"]) > [data-sd-data-show~="error"],
.sd-data-view--loading:has(> [data-sd-data-show~="loading"]) > [data-sd-data-show~="loading"] {
  display: contents;
}


.sd-data-view--new-account:has(> [data-sd-data-show~="new"]):not(
  .sd-data-view--empty:has(> [data-sd-data-show~="empty"]),
  .sd-data-view--error:has(> [data-sd-data-show~="error"]),
  .sd-data-view--loading:has(> [data-sd-data-show~="loading"])
) > [data-sd-data-show~="new"] {
  display: contents;
}


.sd-data-view:not(
  .sd-data-view--empty:has(> [data-sd-data-show~="empty"]),
  .sd-data-view--error:has(> [data-sd-data-show~="error"]),
  .sd-data-view--loading:has(> [data-sd-data-show~="loading"]),
  .sd-data-view--new-account:has(> [data-sd-data-show~="new"])
) > [data-sd-data-show~="full"] {
  display: contents;
}





.sd-countdown-ring {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sd-space-16);
  font-family: var(--sd-font);
}

.sd-countdown-ring__dial {
  position: relative;
  display: grid;
  place-items: center;
  
  width: 72px;
  height: 72px;
  flex-shrink: 0;
}

.sd-countdown-ring__face {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  rotate: -90deg;
}

.sd-countdown-ring__track,
.sd-countdown-ring__arc {
  fill: none;
  stroke-width: 3;
}

.sd-countdown-ring__track {
  stroke: var(--sd-color-border-subtle);
}


.sd-countdown-ring__arc {
  stroke: var(--sd-color-icon-accent);
  stroke-linecap: round;
  stroke-dasharray: 100;
  stroke-dashoffset: calc((1 - var(--sd-countdown-left, 1)) * 100);
  transition: stroke-dashoffset 1s linear;
}


@media (prefers-reduced-motion: reduce) {
  .sd-countdown-ring__arc {
    transition: none;
  }
}


.sd-countdown-ring__count {
  position: relative;
  font-size: var(--sd-text-xl);
  font-weight: var(--sd-weight-bold);
  line-height: var(--sd-text-xl-lh);
  font-variant-numeric: tabular-nums;
  color: var(--sd-color-text-accent);
}

.sd-countdown-ring__text {
  margin: 0;
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-muted);
  text-align: center;
  overflow-wrap: anywhere;
}

.sd-countdown-ring__text strong {
  font-weight: var(--sd-weight-semibold);
  color: var(--sd-color-text-default);
}


.sd-countdown-ring[data-sd-countdown-done] .sd-countdown-ring__arc {
  opacity: 0;
}

.sd-countdown-ring[data-sd-countdown-done] .sd-countdown-ring__count {
  color: var(--sd-color-text-muted);
}





.sd-success-mark {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  
  width: 64px;
  height: 64px;
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-status-success-fill);
  color: var(--sd-color-icon-inverse);
}

.sd-success-mark__glyph {
  width: var(--sd-space-32);
  height: var(--sd-space-32);
}





.sd-alert {
  
  --sd-alert-bg:  var(--sd-color-status-warning-tint);
  --sd-alert-bdc: var(--sd-color-status-warning-tint-border);
  --sd-alert-ico: var(--sd-color-icon-strong);
  --sd-alert-fg:  var(--sd-color-text-strong);

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);

  
  padding: calc(var(--sd-space-12) - var(--sd-border-width));
  border: var(--sd-border-width) solid var(--sd-alert-bdc);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-alert-bg);
  color: var(--sd-alert-fg);
  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
}


.sd-alert__icon {
  display: none;
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  flex-shrink: 0;
  color: var(--sd-alert-ico);
  overflow: clip;
}

.sd-alert__text {
  margin: 0;
  min-width: 0;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}



.sd-alert:not(.sd-alert--success):not(.sd-alert--info):not(.sd-alert--error) .sd-alert__icon--warning,
.sd-alert--success .sd-alert__icon--success,
.sd-alert--info    .sd-alert__icon--info,
.sd-alert--error   .sd-alert__icon--error {
  display: block;
}



.sd-alert--success {
  --sd-alert-bg:  var(--sd-color-status-success-tint);
  --sd-alert-bdc: var(--sd-color-status-success-tint-border);
  --sd-alert-ico: var(--sd-color-icon-success);
  --sd-alert-fg:  var(--sd-color-text-success);
}


.sd-alert--info {
  --sd-alert-bg:  var(--sd-color-status-info-tint);
  --sd-alert-bdc: var(--sd-color-status-info-tint-border);
}

.sd-alert--error {
  --sd-alert-bg:  var(--sd-color-status-error-tint);
  --sd-alert-bdc: var(--sd-color-status-error-tint-border);
  --sd-alert-ico: var(--sd-color-icon-error);
  --sd-alert-fg:  var(--sd-color-text-on-error);
}





.sd-badge-integration-types {
  
  --sd-ib-bg: var(--sd-color-integration-data-surface);
  --sd-ib-fg: var(--sd-color-integration-data-text);

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;

  
  padding: var(--sd-space-4) var(--sd-space-8);
  background: var(--sd-ib-bg);
  border-radius: var(--sd-radius-full);

  color: var(--sd-ib-fg);
  font-family: var(--sd-font);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-semibold);
  text-align: center;
  white-space: nowrap;
}



.sd-badge-integration-types--file-storage {
  --sd-ib-bg: var(--sd-color-integration-file-storage-surface);
  --sd-ib-fg: var(--sd-color-integration-file-storage-text);
}

.sd-badge-integration-types--messaging {
  --sd-ib-bg: var(--sd-color-integration-messaging-surface);
  --sd-ib-fg: var(--sd-color-integration-messaging-text);
}





.sd-split-button {
  --sd-sb-bg:   var(--sd-color-action-primary);
  --sd-sb-seam: var(--sd-color-border-accent);

  display: inline-flex;
  flex-direction: row;
  align-items: stretch;
  width: fit-content;
  vertical-align: middle;
  font-family: var(--sd-font);
  font-weight: var(--sd-weight-semibold);
}

.sd-split-button__main,
.sd-split-button__menu {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--sd-space-8);
  margin: 0;
  padding: var(--sd-space-12);
  border: 0;
  border-radius: 0;
  background: var(--sd-sb-bg);
  color: var(--sd-color-text-inverse);
  font: inherit;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  white-space: nowrap;
  cursor: pointer;
  overflow: clip;
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              border-color     var(--sd-duration-base) var(--sd-easing);
}


.sd-split-button--sm .sd-split-button__main,
.sd-split-button--sm .sd-split-button__menu {
  padding: var(--sd-space-4);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
}

.sd-split-button--sm .sd-split-button__menu {
  padding-left: calc(var(--sd-space-4) - var(--sd-border-width));
}

.sd-split-button--sm .sd-split-button__icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
}


.sd-split-button__menu {
  padding-left: calc(var(--sd-space-12) - var(--sd-border-width));
  border-left: var(--sd-border-width) solid var(--sd-sb-seam);
}


.sd-split-button__icon {
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  flex-shrink: 0;
  overflow: clip;
}



.sd-split-button:hover:not(:has(:disabled)) {
  --sd-sb-bg: var(--sd-color-action-primary-hover);
}

.sd-split-button:focus-within:not(:has(:disabled)) {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


.sd-split-button__main:focus-visible,
.sd-split-button__menu:focus-visible {
  outline: none;
}

.sd-split-button:active:not(:has(:disabled)) {
  --sd-sb-bg: var(--sd-color-action-primary-active);
}


.sd-split-button:has(:disabled) {
  --sd-sb-bg:   var(--sd-color-action-primary-disabled);
  --sd-sb-seam: var(--sd-color-border-accent-disabled);
}

.sd-split-button__main:disabled,
.sd-split-button__menu:disabled {
  cursor: default;
}




@media (forced-colors: active) {
  .sd-split-button__main,
  .sd-split-button__menu {
    border: var(--sd-border-width) solid ButtonBorder;
    padding: calc(var(--sd-space-12) - var(--sd-border-width));
  }
  .sd-split-button__menu { border-left-width: 1px; }
  .sd-split-button__main:disabled,
  .sd-split-button__menu:disabled { color: GrayText; border-color: GrayText; }
  .sd-split-button:focus-within {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}


.sd-split-button__main[aria-busy="true"] {
  cursor: progress;
}






.sd-split-button-menu {
  display: inline-flex;
  width: fit-content;
  anchor-scope: --sd-split-button-menu;
}

.sd-split-button-menu__trigger {
  anchor-name: --sd-split-button-menu;
}


.sd-split-button-menu__menu {
  position: fixed;
  inset: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  overflow: visible;
  width: max-content;

  position-anchor: --sd-split-button-menu;
  position-area: bottom span-right;
  margin-top: var(--sd-space-4);
  position-try-fallbacks: flip-block;
}


.sd-split-button-menu__menu {
  opacity: 0;
  translate: 0 calc(-1 * var(--sd-space-4));
  transition:
    opacity   var(--sd-duration-fast) var(--sd-easing-in),
    translate var(--sd-duration-fast) var(--sd-easing-in),
    display   var(--sd-duration-fast) allow-discrete,
    overlay   var(--sd-duration-fast) allow-discrete;
}

.sd-split-button-menu__menu:popover-open {
  opacity: 1;
  translate: none;
  transition-timing-function: var(--sd-easing-out);
}

@starting-style {
  .sd-split-button-menu__menu:popover-open {
    opacity: 0;
    translate: 0 calc(-1 * var(--sd-space-4));
  }
}





.sd-modal {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-16);
  box-sizing: border-box;
  width: 100%;
  
  max-width: min(40rem, calc(100vw - 2 * var(--sd-space-16)));
  max-height: calc(100vh - 2 * var(--sd-space-32));
  max-height: calc(100dvh - 2 * var(--sd-space-32));
  padding: var(--sd-space-32);
  border: 0;
  border-radius: var(--sd-sheet-radius);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-default);
  box-shadow: var(--sd-sheet-shadow);
  overflow: clip;
  font-family: var(--sd-font);
}


.sd-modal:focus-visible {
  outline: none;
}


.sd-modal:not([open]) {
  display: none;
}


.sd-modal:not(:modal) {
  position: relative;
  margin: 0;
}


.sd-modal {
  opacity: 0;
  translate: 0 calc(-1 * var(--sd-space-4));
  transition:
    opacity   var(--sd-duration-fast) var(--sd-easing-in),
    translate var(--sd-duration-fast) var(--sd-easing-in),
    display   var(--sd-duration-fast) allow-discrete,
    overlay   var(--sd-duration-fast) allow-discrete;
}

.sd-modal[open] {
  opacity: 1;
  translate: none;
  transition-timing-function: var(--sd-easing-out);
}


.sd-modal:not([open]) {
  position: fixed;
  inset: 0;
  margin: auto;
}

@starting-style {
  .sd-modal[open] {
    opacity: 0;
    translate: 0 calc(-1 * var(--sd-space-4));
  }
}


.sd-modal::backdrop {
  background: var(--sd-color-surface-scrim);
  opacity: 0;
  transition:
    opacity var(--sd-duration-fast) var(--sd-easing-in),
    display var(--sd-duration-fast) allow-discrete,
    overlay var(--sd-duration-fast) allow-discrete;
}

.sd-modal[open]::backdrop {
  opacity: 1;
  transition-timing-function: var(--sd-easing-out);
}

@starting-style {
  .sd-modal[open]::backdrop {
    opacity: 0;
  }
}

.sd-modal__title {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--sd-text-lg);
  font-weight: var(--sd-weight-bold);
  line-height: var(--sd-text-lg-lh);
  color: var(--sd-color-text-strong);
}


.sd-modal__body {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-16);
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: calc(var(--sd-ring-offset) + var(--sd-ring-width));
  margin: calc(-1 * (var(--sd-ring-offset) + var(--sd-ring-width)));
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-muted);
}


.sd-modal__body:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}

.sd-modal__body > p {
  margin: 0;
}


.sd-modal__footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-12);
  flex-shrink: 0;
  margin-top: var(--sd-space-16);
}






.sd-signature-dialog__form {
  display: contents;
}


.sd-signature-dialog__preview {
  container-type: inline-size;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 2 / 1;
  margin: 0;
  padding: var(--sd-space-24);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-subtle);
  color: var(--sd-color-text-strong);
  text-align: center;
  overflow-wrap: anywhere;
}


.sd-signature-dialog__text {
  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  font-size: min(var(--sd-text-display), 11cqi);
  line-height: var(--sd-text-display-lh);
}


.sd-signature-dialog:has(input[value="block"]:checked) .sd-signature-dialog__text {
  font-size: min(var(--sd-text-display), 8cqi);
  font-weight: var(--sd-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.sd-signature-dialog:has(input[value="hand"]:checked) .sd-signature-dialog__text {
  font-family: var(--sd-font-hand);
  font-weight: normal;
}

.sd-signature-dialog:has(input[value="script"]:checked) .sd-signature-dialog__text {
  font-family: var(--sd-font-script);
  font-weight: normal;
}

.sd-signature-dialog:has(input[value="type"]:checked) .sd-signature-dialog__text {
  font-family: var(--sd-font-typewriter);
  font-weight: normal;
}


.sd-signature-dialog__type {
  display: block;
}


.sd-signature-dialog__board {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-4);
}


.sd-signature-dialog__stage {
  display: grid;
}

.sd-signature-dialog__stage > * {
  grid-area: 1 / 1;
  min-width: 0;
}


.sd-signature-dialog__pad {
  container-type: inline-size;
  position: relative;
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-subtle);
  color: var(--sd-color-text-strong);
  visibility: hidden;
}


.sd-signature-dialog__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  touch-action: none;
  cursor: crosshair;
  color: inherit;
}

.sd-signature-dialog__canvas:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


.sd-signature-dialog__hint {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--sd-space-24);
  font-family: var(--sd-font);
  font-size: min(var(--sd-text-display), 8cqi);
  line-height: var(--sd-text-display-lh);
  color: var(--sd-color-text-placeholder);
  text-align: center;
  pointer-events: none;
}

.sd-signature-dialog[data-sd-signature-ink] .sd-signature-dialog__hint {
  visibility: hidden;
}


.sd-signature-dialog__clear {
  position: absolute;
  top: var(--sd-space-8);
  right: var(--sd-space-12);
  visibility: hidden;
}


.sd-signature-dialog[data-sd-signature-mode="draw"] .sd-signature-dialog__preview {
  visibility: hidden;
}

.sd-signature-dialog[data-sd-signature-mode="draw"] .sd-signature-dialog__tools {
  display: none;
}

.sd-signature-dialog[data-sd-signature-mode="draw"] .sd-signature-dialog__pad,
.sd-signature-dialog[data-sd-signature-mode="draw"][data-sd-signature-ink] .sd-signature-dialog__clear {
  visibility: visible;
}


.sd-signature-dialog__drawn {
  display: block;
  height: 1.5em;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}


.sd-signature-dialog__styles {
  container: sd-signature-styles / inline-size;
}


@container sd-signature-styles (max-width: 544px) {
  .sd-signature-dialog__styles .sd-toggle {
    flex-wrap: wrap;
  }

  .sd-signature-dialog__styles .sd-toggle > .sd-toggle-option {
    flex: 1 1 auto;
    padding-inline: var(--sd-space-16);
  }
}


.sd-signature-dialog__rule {
  width: auto;
  margin-inline: calc(-1 * var(--sd-space-32));
}


.sd-signature-dialog__footer {
  flex-wrap: wrap;
  margin-top: 0;
}


.sd-signature-dialog__apply,
.sd-signature-dialog__cancel {
  flex-shrink: 0;
}


.sd-signature-dialog__draw {
  display: flex;
  margin-inline-start: auto;
}


.sd-signature-dialog__draw .sd-text-link {
  --sd-tl-ico: var(--sd-color-icon-subtle);
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-signature-dialog__styles .sd-toggle > .sd-toggle-option {
    padding-block: var(--sd-space-12);
  }

  .sd-signature-dialog__draw .sd-text-link {
    --sd-signature-reach: calc((var(--sd-target-touch) - 1lh) / 2);
    padding-block: var(--sd-signature-reach);
    margin-block: calc(-1 * var(--sd-signature-reach));
  }
}





.sd-toast {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-8);
  box-sizing: border-box;
  
  width: min(420px, 100% - 2 * var(--sd-space-20));
  padding: var(--sd-space-16) var(--sd-space-24);
  border-radius: var(--sd-sheet-radius);
  background: var(--sd-color-surface-inverse);
  box-shadow: var(--sd-sheet-shadow);
  color: var(--sd-color-text-inverse);
  font-family: var(--sd-font);
}


.sd-toast[hidden] {
  display: none;
}

.sd-toast--float {
  position: fixed;
  
  bottom: calc(var(--sd-space-40) + env(safe-area-inset-bottom, 0px));
  left: 50%;
  z-index: calc(var(--sd-z-overlay) + 1);
  
  width: min(420px, 100vw - 2 * var(--sd-space-20));
  opacity: 0;
  transform: translate(-50%, var(--sd-space-20));
  transition:
    opacity var(--sd-duration-slow) var(--sd-easing-in),
    transform var(--sd-duration-slow) var(--sd-easing-in);
}


.sd-toast--float.sd-toast--in {
  opacity: 1;
  transform: translate(-50%, 0);
  transition-timing-function: var(--sd-easing-out);
}

.sd-toast__row {
  display: flex;
  align-items: flex-start;
  gap: var(--sd-space-12);
}


.sd-toast__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  
  width: 28px;
  height: 28px;
  margin-top: var(--sd-space-2);
  border-radius: var(--sd-radius-full);
  background: color-mix(in srgb, var(--sd-color-icon-inverse) 15%, transparent);
  color: var(--sd-color-icon-inverse);
}


.sd-toast__icon--success,
.sd-toast__icon--error { display: none; }
.sd-toast--success .sd-toast__icon--neutral,
.sd-toast--error .sd-toast__icon--neutral { display: none; }
.sd-toast--success .sd-toast__icon--success,
.sd-toast--error .sd-toast__icon--error { display: block; }

.sd-toast--success .sd-toast__badge { background: var(--sd-color-status-success-fill); }
.sd-toast--error .sd-toast__badge { background: var(--sd-color-status-error-fill); }

.sd-toast__icon {
  
  width: 16px;
  height: 16px;
}

.sd-toast__text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--sd-space-4);
  min-width: 0;
}

.sd-toast__title {
  margin: 0;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-bold);
}

.sd-toast__body {
  margin: 0;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  color: var(--sd-color-text-inverse-muted);
}

.sd-toast__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: var(--sd-space-2);
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-text-inverse-muted);
  cursor: pointer;
}

.sd-toast__close .sd-icon {
  
  width: 16px;
  height: 16px;
}

.sd-toast__close:hover {
  color: var(--sd-color-text-inverse);
}

.sd-toast__close:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-accent-strong);
  outline-offset: var(--sd-ring-offset);
}


.sd-toast__timer {
  overflow: hidden;
  
  height: 3px;
  margin-top: var(--sd-space-4);
  border-radius: var(--sd-radius-full);
  background: color-mix(in srgb, var(--sd-color-icon-inverse) 10%, transparent);
}

.sd-toast__timer-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--sd-color-border-accent-strong);
  transform-origin: left center;
}

.sd-toast--in .sd-toast__timer-fill {
  animation: sd-toast-drain var(--sd-toast-ms, 10s) linear forwards;
}

@keyframes sd-toast-drain {
  from { transform: scaleX(1); }
  to   { transform: scaleX(0); }
}


@media (prefers-reduced-motion: reduce) {
  .sd-toast--in .sd-toast__timer-fill {
    animation-timing-function: steps(10, end);
  }
}


.sd-toast__action {
  flex-shrink: 0;
  align-self: center;
  padding: var(--sd-space-4) var(--sd-space-8);
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-text-inverse);
  font: inherit;
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-sm-lh);
  cursor: pointer;
}

.sd-toast__action:hover {
  text-decoration: underline;
}

.sd-toast__action:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-accent-strong);
  outline-offset: var(--sd-ring-offset);
}





.sd-feedback-flag {
  --sd-ff-dot: var(--sd-color-border-default);

  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  padding: var(--sd-space-4) var(--sd-space-4) var(--sd-space-4) var(--sd-space-8);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-lg);
  background: var(--sd-color-surface-default);
  font-family: var(--sd-font);
}

.sd-feedback-flag:hover {
  border-color: var(--sd-color-border-default);
}

.sd-feedback-flag[data-sd-feedback-sentiment="up"] {
  --sd-ff-dot: var(--sd-color-icon-success);
}

.sd-feedback-flag[data-sd-feedback-sentiment="down"] {
  --sd-ff-dot: var(--sd-color-status-error-border);
}

.sd-feedback-flag__dot {
  flex-shrink: 0;
  
  width: 6px;
  height: 6px;
  border-radius: var(--sd-radius-full);
  background: var(--sd-ff-dot);
}

.sd-feedback-flag__spot {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-text-strong);
  font-family: inherit;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-style: italic;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}


.sd-feedback-flag {
  transition: border-color var(--sd-duration-base) var(--sd-easing);
}





.sd-feedback-annotation {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-8);
  box-sizing: border-box;
  
  width: 280px;
  max-width: calc(100vw - 2 * var(--sd-space-16));
  padding: var(--sd-space-12);
  border: var(--sd-border-width) solid var(--sd-color-border-default);
  border-radius: var(--sd-radius-md);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-lg);
  font-family: var(--sd-font);
}


.sd-feedback-annotation[hidden] {
  display: none;
}

.sd-feedback-annotation--floating {
  position: fixed;
  z-index: calc(var(--sd-z-overlay) + 1);
}


.sd-feedback-annotation__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: move;
  user-select: none;
}

.sd-feedback-annotation__title {
  font-size: var(--sd-text-2xs);
  line-height: var(--sd-text-2xs-lh);
  font-weight: var(--sd-weight-bold);
  letter-spacing: var(--sd-tracking-caps);
  text-transform: uppercase;
  color: var(--sd-color-text-muted);
}

.sd-feedback-annotation__sentiment {
  display: flex;
  gap: var(--sd-space-4);
}

.sd-feedback-annotation__thumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--sd-space-2) var(--sd-space-8);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-icon-default);
  cursor: pointer;
  transition:
    border-color var(--sd-duration-base) var(--sd-easing),
    background-color var(--sd-duration-base) var(--sd-easing),
    color var(--sd-duration-base) var(--sd-easing);
}

.sd-feedback-annotation__thumb .sd-icon {
  
  width: 16px;
  height: 16px;
}

.sd-feedback-annotation__thumb:is(.sd-feedback-annotation__thumb--up, .sd-feedback-annotation__thumb--down):hover {
  border-color: var(--sd-color-border-accent);
  background: var(--sd-color-surface-accent);
}

.sd-feedback-annotation__thumb:is(.sd-feedback-annotation__thumb--up, .sd-feedback-annotation__thumb--down):focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}

.sd-feedback-annotation__thumb--up[aria-pressed="true"] {
  border-color: var(--sd-color-status-success-tint-border);
  background: var(--sd-color-status-success-tint);
  color: var(--sd-color-icon-success);
}

.sd-feedback-annotation__thumb--down[aria-pressed="true"] {
  border-color: var(--sd-color-status-error-tint-border);
  background: var(--sd-color-status-error-tint);
  color: var(--sd-color-icon-error);
}

.sd-feedback-annotation__comment {
  box-sizing: border-box;
  width: 100%;
  
  min-height: 54px;
  padding: var(--sd-space-8);
  border: var(--sd-border-width) solid var(--sd-color-border-default);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-default);
  font-family: inherit;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  resize: none;
}

.sd-feedback-annotation__comment::placeholder {
  color: var(--sd-color-text-placeholder);
}

.sd-feedback-annotation__comment:focus {
  outline: none;
  border-color: var(--sd-color-border-focus);
}

.sd-feedback-annotation__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--sd-space-4);
}





.sd-feedback-panel {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-16);
  box-sizing: border-box;
  
  width: min(400px, 100% - 2 * var(--sd-space-24));
  padding: var(--sd-space-20) var(--sd-space-20) var(--sd-space-16);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  
  border-radius: calc(2 * var(--sd-radius-lg));
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-lg);
  font-family: var(--sd-font);
  color: var(--sd-color-text-strong);
}


.sd-feedback-panel[hidden] {
  display: none;
}

.sd-feedback-panel--floating {
  position: fixed;
  
  top: 96px;
  right: var(--sd-space-24);
  z-index: var(--sd-z-overlay);
  
  width: min(400px, 100vw - 2 * var(--sd-space-24));
  max-height: calc(100vh - 96px - var(--sd-space-24));
  max-height: calc(100dvh - 96px - var(--sd-space-24));
  overflow-y: auto;
}


.sd-feedback-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sd-space-12);
  margin-top: calc(-1 * var(--sd-space-4));
}

.sd-feedback-panel--floating .sd-feedback-panel__header {
  cursor: move;
  user-select: none;
}

.sd-feedback-panel__title {
  margin: 0;
  
  font-size: calc(15 * var(--sd-text-unit));
  line-height: var(--sd-text-md-lh);
  font-weight: var(--sd-weight-semibold);
  letter-spacing: -0.01em;
}


.sd-feedback-panel__heading {
  font-size: var(--sd-text-2xs);
  line-height: var(--sd-text-2xs-lh);
  font-weight: var(--sd-weight-semibold);
  letter-spacing: var(--sd-tracking-caps);
  text-transform: uppercase;
  color: var(--sd-color-text-muted);
}



.sd-feedback-panel__rating {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-8);
}

.sd-feedback-panel__choices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sd-space-8);
}

.sd-feedback-panel__choice {
  
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sd-space-8);
  padding: calc(var(--sd-space-12) - var(--sd-border-width)) var(--sd-space-8);
  border: 1.5px solid var(--sd-color-border-default);
  
  border-radius: calc(var(--sd-radius-lg) + var(--sd-space-2));
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-muted);
  font-family: inherit;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
  cursor: pointer;
  transition:
    border-color var(--sd-duration-base) var(--sd-easing),
    background-color var(--sd-duration-base) var(--sd-easing),
    color var(--sd-duration-base) var(--sd-easing);
}

.sd-feedback-panel__choice-icon {
  flex-shrink: 0;
  
  width: 18px;
  height: 18px;
}

.sd-feedback-panel__choice:is(.sd-feedback-panel__choice--up, .sd-feedback-panel__choice--down):hover {
  border-color: var(--sd-color-border-strong);
}


.sd-feedback-panel__choice:is(.sd-feedback-panel__choice--up, .sd-feedback-panel__choice--down):has(> .sd-feedback-panel__choice-input:focus-visible) {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}

.sd-feedback-panel__choice--up:has(> .sd-feedback-panel__choice-input--up:checked) {
  border-color: var(--sd-color-status-success-tint-border);
  background: var(--sd-color-status-success-tint);
  color: var(--sd-color-text-success);
}

.sd-feedback-panel__choice--down:has(> .sd-feedback-panel__choice-input--down:checked) {
  border-color: var(--sd-color-status-error-tint-border);
  background: var(--sd-color-status-error-tint);
  color: var(--sd-color-text-error);
}


.sd-feedback-panel__hint {
  display: none;
  margin: 0;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-medium);
  color: var(--sd-color-text-error);
}

.sd-feedback-panel--needed .sd-feedback-panel__hint {
  display: block;
}

.sd-feedback-panel--needed .sd-feedback-panel__choice {
  animation: sd-feedback-pulse calc(var(--sd-duration-flash) / 2) var(--sd-easing-out) 2;
}

.sd-feedback-panel--needed .sd-feedback-panel__choice:has(> .sd-feedback-panel__choice-input:checked) {
  animation: none;
}

.sd-feedback-panel--needed .sd-feedback-panel__choice:has(> .sd-feedback-panel__choice-input:focus-visible) {
  outline-color: var(--sd-color-status-error-border);
}

@keyframes sd-feedback-pulse {
  0% {
    border-color: var(--sd-color-border-default);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--sd-color-status-error-border) 35%, transparent);
  }
  35% {
    border-color: var(--sd-color-status-error-border);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--sd-color-status-error-border) 16%, transparent);
  }
  100% {
    border-color: var(--sd-color-border-default);
    box-shadow: 0 0 0 0 transparent;
  }
}



@media (prefers-reduced-motion: reduce) {
  .sd-feedback-panel--needed .sd-feedback-panel__choice {
    animation: none;
    border-color: var(--sd-color-status-error-border);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--sd-color-status-error-border) 16%, transparent);
  }
}



.sd-feedback-panel__comments {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-8);
}

.sd-feedback-panel__label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--sd-space-8);
}

.sd-feedback-panel__optional {
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  color: var(--sd-color-text-muted);
}



.sd-feedback-panel__instruction {
  margin: 0;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  color: var(--sd-color-text-muted);
}

.sd-feedback-panel__flagged {
  display: none;
  flex-direction: column;
  gap: var(--sd-space-8);
}


.sd-feedback-panel__flags:has(.sd-feedback-panel__list > li) .sd-feedback-panel__instruction {
  display: none;
}

.sd-feedback-panel__flags:has(.sd-feedback-panel__list > li) .sd-feedback-panel__flagged {
  display: flex;
}


.sd-feedback-panel__list {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-4);
  
  max-height: 160px;
  overflow-y: auto;
  margin: 0;
  padding: var(--sd-space-8);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: calc(var(--sd-radius-lg) + var(--sd-space-2));
  background: var(--sd-color-surface-subtle);
  list-style: none;
}



.sd-feedback-panel__submit {
  display: flex;
  flex-direction: column;
}

.sd-feedback-panel__submit > * {
  width: 100%;
}



.sd-feedback-panel__pin {
  position: fixed;
  
  z-index: calc(var(--sd-z-float) + 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  
  width: 16px;
  height: 16px;
  padding: 0;
  border: var(--sd-border-width) solid var(--sd-color-border-default);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-sm);
  color: var(--sd-color-icon-muted);
  cursor: pointer;
}

.sd-feedback-panel__pin .sd-icon {
  
  width: 10px;
  height: 10px;
}

.sd-feedback-panel__pin:hover {
  border-color: var(--sd-color-status-error-tint-border);
  color: var(--sd-color-icon-error);
}



[data-sd-feedback-canvas][data-sd-feedback-selecting],
[data-sd-feedback-canvas][data-sd-feedback-selecting] * {
  cursor: crosshair;
}

[data-sd-feedback-flagged] {
  outline: var(--sd-ring-width) solid var(--sd-color-border-flagged);
  outline-offset: var(--sd-ring-offset-inset);
  background-color: var(--sd-color-surface-flagged);
}

[data-sd-feedback-canvas][data-sd-feedback-selecting] [data-sd-feedback-flagged] {
  cursor: pointer;
}


.sd-feedback-panel__comment {
  resize: vertical;
}





.sd-pop-out {
  
  --sd-label-col: calc(100 * var(--sd-text-unit));

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  
  width: min(22.5rem, calc(100vw - 2 * var(--sd-space-16)));
  max-height: calc(100vh - 2 * var(--sd-space-16));
  max-height: calc(100dvh - 2 * var(--sd-space-16));
  margin: 0;
  padding: 0;
  border: var(--sd-popup-border);
  border-radius: var(--sd-popup-radius);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-default);
  box-shadow: var(--sd-popup-shadow);
  overflow: auto;
  font-family: var(--sd-font);
}


.sd-pop-out[popover] {
  position: fixed;
  inset: auto;
  left: var(--sd-pop-out-x, var(--sd-space-16));
  top: var(--sd-pop-out-y, var(--sd-space-16));
}


.sd-pop-out[popover]:not(:popover-open) {
  display: none;
}


.sd-pop-out[popover] {
  opacity: 0;
  translate: 0 calc(-1 * var(--sd-space-4));
  transition:
    opacity   var(--sd-duration-fast) var(--sd-easing-in),
    translate var(--sd-duration-fast) var(--sd-easing-in),
    display   var(--sd-duration-fast) allow-discrete,
    overlay   var(--sd-duration-fast) allow-discrete;
}
.sd-pop-out[popover]:popover-open {
  opacity: 1;
  translate: none;
  transition-timing-function: var(--sd-easing-out);
}
@starting-style {
  .sd-pop-out[popover]:popover-open {
    opacity: 0;
    translate: 0 calc(-1 * var(--sd-space-4));
  }
}




.sd-pop-out__body {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-12);
  padding: var(--sd-space-20);
}


.sd-pop-out__section {
  display: flex;
  flex-direction: column;
  margin: 0;
  border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
}
.sd-pop-out__section > .sd-pop-out__body {
  padding-top: 0;
}


.sd-pop-out__note {
  margin: 0;
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
}


.sd-pop-out__foot {
  display: flex;
  justify-content: flex-end;
  padding: 0 var(--sd-space-20) var(--sd-space-20);
}


.sd-pop-out__foot:has(> :nth-child(2)) {
  justify-content: space-between;
}


.sd-pop-out[data-sd-anchored] {
  
  max-height: var(--sd-pop-out-max-h, calc(100vh - 2 * var(--sd-space-16)));
  max-height: var(--sd-pop-out-max-h, calc(100dvh - 2 * var(--sd-space-16)));
}




@media (max-width: 583px) {
  .sd-pop-out[popover] {
    left: var(--sd-space-16);
    right: var(--sd-space-16);
    width: auto;
  }
}


@media (forced-colors: active) {
  .sd-pop-out {
    border-color: CanvasText;
  }
}





.sd-condition-editor {
  display: contents;
}



.sd-condition-editor label:has(~ * input:disabled) {
  color: var(--sd-color-text-disabled);
}





.sd-visibility-conditions,
.sd-visibility-conditions__list {
  display: contents;
}


.sd-visibility-conditions__list[hidden],
.sd-visibility-conditions__match[data-sd-conditions-choice="off"] {
  display: none;
}


.sd-visibility-conditions__join {
  color: var(--sd-color-text-muted);
}


[data-sd-mode="editor"] [data-sd-object="Block"][data-sd-conditions-summary]:where(:not([data-sd-object-type="conditional-block"]))::before {
  content: attr(data-sd-conditions-summary);
  display: block;
  margin: 0 0 var(--sd-space-8);
  padding: var(--sd-space-4) var(--sd-space-8);
  border-left: 3px solid var(--sd-color-border-conditional);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-conditional);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  font-style: normal;
  font-weight: 500;
  line-height: var(--sd-text-xs-lh);
  text-align: start;
  text-transform: none;
}


[data-sd-mode="editor"] [data-sd-object="Block"][data-sd-conditions-broken]:where(:not([data-sd-object-type="conditional-block"]))::before {
  border-left-color: var(--sd-color-status-error-border);
  background: var(--sd-color-status-error-tint);
  color: var(--sd-color-text-error);
}

[data-sd-mode="editor"] table[data-sd-object="Block"][data-sd-conditions-summary]::before {
  display: table-caption;
  caption-side: top;
}


[data-sd-mode="editor"] [data-sd-object="Block"][data-sd-conditions-summary]:not(table):where(:not([data-sd-object-type="conditional-block"])),
[data-sd-mode="editor"] [data-sd-object="Block"][data-sd-conditions-broken]:not(table):where(:not([data-sd-object-type="conditional-block"])) {
  position: relative;
  
  margin-top: var(--sd-doc-edge-trim, 0px);
  margin-inline: var(--sd-doc-edge-trim, 0px);
  padding: 0 var(--sd-space-8) calc(var(--sd-space-8) + var(--sd-doc-edge-trim, 0px));
  border: var(--sd-doc-edge, 1px) dashed var(--sd-color-border-conditional);
  border-radius: var(--sd-radius-md);
}

[data-sd-mode="editor"] [data-sd-object="Block"][data-sd-conditions-summary]:not(table):where(:not([data-sd-object-type="conditional-block"]))::before,
[data-sd-mode="editor"] [data-sd-object="Block"][data-sd-conditions-broken]:not(table):where(:not([data-sd-object-type="conditional-block"]))::before {
  margin: 0 calc(-1 * var(--sd-space-8)) var(--sd-space-8);
  
  padding: var(--sd-space-8) var(--sd-space-8) var(--sd-space-4) calc(2 * var(--sd-space-8) + 16px);
  border-left: 0;
  border-radius: calc(var(--sd-radius-md) - var(--sd-doc-edge, 1px)) calc(var(--sd-radius-md) - var(--sd-doc-edge, 1px)) 0 0;
}


[data-sd-mode="editor"] [data-sd-object="Block"][data-sd-conditions-summary]:not(table):where(:not([data-sd-object-type="conditional-block"]))::after,
[data-sd-mode="editor"] [data-sd-object="Block"][data-sd-conditions-broken]:not(table):where(:not([data-sd-object-type="conditional-block"]))::after {
  content: "";
  position: absolute;
  
  top: calc(var(--sd-space-8) + (var(--sd-text-xs-lh) - 16px) / 2);
  left: var(--sd-space-8);
  
  width: 16px;
  height: 16px;
  background: var(--sd-color-text-muted);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath vector-effect='non-scaling-stroke' d='M2.42012 12.7132C2.28394 12.4975 2.21584 12.3897 2.17772 12.2234C2.14909 12.0985 2.14909 11.9015 2.17772 11.7766C2.21584 11.6103 2.28394 11.5025 2.42012 11.2868C3.54553 9.50484 6.8954 5 12.0004 5C17.1054 5 20.4553 9.50484 21.5807 11.2868C21.7169 11.5025 21.785 11.6103 21.8231 11.7766C21.8517 11.9015 21.8517 12.0985 21.8231 12.2234C21.785 12.3897 21.7169 12.4975 21.5807 12.7132C20.4553 14.4952 17.1054 19 12.0004 19C6.8954 19 3.54553 14.4952 2.42012 12.7132Z'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M12.0004 15C13.6573 15 15.0004 13.6569 15.0004 12C15.0004 10.3431 13.6573 9 12.0004 9C10.3435 9 9.0004 10.3431 9.0004 12C9.0004 13.6569 10.3435 15 12.0004 15Z'/%3E%3C/svg%3E") center / contain no-repeat;
  pointer-events: none;
}

[data-sd-mode="editor"] [data-sd-object="Block"][data-sd-conditions-broken]:not(table):where(:not([data-sd-object-type="conditional-block"])) {
  border-color: var(--sd-color-status-error-border);
}

[data-sd-mode="editor"] [data-sd-object="Block"][data-sd-conditions-broken]:not(table):where(:not([data-sd-object-type="conditional-block"]))::after {
  background: var(--sd-color-text-error);
}


[data-sd-mode="editor"][data-sd-frames="outside"] [data-sd-object="Block"][data-sd-conditions-summary]:not(table):where(:not([data-sd-object-type="conditional-block"])) {
  margin-inline: calc(-1 * (var(--sd-space-8) + var(--sd-doc-edge, 1px)));
}


[data-sd-mode="editor"] [data-sd-object]:not([data-sd-object="Block"]):not([data-sd-selected])[data-sd-conditions-summary] {
  
  outline: calc(var(--sd-ring-width) / var(--sd-doc-scale, 1)) dashed var(--sd-color-border-conditional);
  outline-offset: calc(var(--sd-ring-offset) / var(--sd-doc-scale, 1));
}


[data-sd-mode="editor"] th[data-sd-conditions-summary]::before {
  content: attr(data-sd-conditions-summary);
  display: block;
  margin: 0 0 var(--sd-space-4);
  padding: 0 var(--sd-space-4);
  border-left: 3px solid var(--sd-color-border-conditional);
  background: var(--sd-color-surface-conditional);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-2xs);
  font-weight: 500;
  line-height: var(--sd-text-2xs-lh);
  text-align: start;
  white-space: normal;
}






.sd-field-picker-face {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  align-self: stretch;
  gap: var(--sd-space-8);
  min-width: 0;
}


.sd-field-picker-face .sd-icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
}


.sd-field-picker-face__open {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  align-self: stretch;
  gap: var(--sd-space-8);
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  text-align: start;
  cursor: pointer;
}

.sd-field-picker-face__open:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
  border-radius: var(--sd-radius-xs);
}

.sd-field-picker-face__open:disabled {
  color: var(--sd-color-text-default);
  cursor: default;
}

.sd-field-picker-face__glyph {
  display: none;
  flex-shrink: 0;
  color: var(--sd-color-icon-muted);
}

.sd-field-picker-face__open[data-sd-picker-kind="text"] > .sd-field-picker-face__glyph--text,
.sd-field-picker-face__open[data-sd-picker-kind="number"] > .sd-field-picker-face__glyph--number,
.sd-field-picker-face__open[data-sd-picker-kind="checkbox"] > .sd-field-picker-face__glyph--checkbox,
.sd-field-picker-face__open[data-sd-picker-kind="date"] > .sd-field-picker-face__glyph--date,
.sd-field-picker-face__open[data-sd-picker-kind="ref"] > .sd-field-picker-face__glyph--ref {
  display: block;
}

.sd-field-picker-face__text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.sd-field-picker-face__text:empty::before {
  content: attr(data-sd-placeholder);
  color: var(--sd-color-text-placeholder);
}


.sd-field-picker-face__clear {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--sd-color-icon-muted);
  cursor: pointer;
  transition: color var(--sd-duration-base) var(--sd-easing);
}

.sd-field-picker-face__clear:hover { color: var(--sd-color-icon-strong); }

.sd-field-picker-face__clear:focus-visible {
  color: var(--sd-color-icon-strong);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
  border-radius: var(--sd-radius-xs);
}


.sd-field-picker-face:has(> .sd-field-picker-face__open:is(:not([value]), [value=""], :disabled)) > .sd-field-picker-face__clear {
  display: none;
}




@media (any-pointer: coarse) {
  .sd-field-picker-face__open {
    --sd-fpf-reach: calc((var(--sd-target-touch) - 1lh) / 2);
    padding-block: var(--sd-fpf-reach);
    margin-block: calc(-1 * var(--sd-fpf-reach));
    
    min-height: var(--sd-target-touch);
  }

  .sd-field-picker-face__clear {
    --sd-fpf-x-reach: calc((var(--sd-target-touch) - var(--sd-icon-sm)) / 2);
    box-sizing: content-box;
    padding: var(--sd-fpf-x-reach);
    margin: calc(-1 * var(--sd-fpf-x-reach));
  }
}





.sd-field-picker {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  
  width: min(285px, calc(100vw - 2 * var(--sd-space-12)));
  max-height: calc(100vh - 2 * var(--sd-space-12));
  max-height: calc(100dvh - 2 * var(--sd-space-12));
  margin: 0;
  padding: 0;
  border: var(--sd-popup-border);
  border-radius: var(--sd-popup-radius);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-default);
  box-shadow: var(--sd-popup-shadow);
  overflow: hidden;
  font-family: var(--sd-font);
}


.sd-field-picker--caret {
  
  width: min(280px, calc(100vw - 2 * var(--sd-space-12)));
}

.sd-field-picker[popover] {
  position: fixed;
  inset: auto;
  left: var(--sd-field-picker-x, var(--sd-space-12));
  top: var(--sd-field-picker-y, var(--sd-space-12));
}

.sd-field-picker[popover]:not(:popover-open) {
  display: none;
}


.sd-field-picker .sd-icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
}



.sd-field-picker__head {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--sd-space-4);
  padding: var(--sd-space-8);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}


.sd-field-picker__head[hidden] { display: none; }

.sd-field-picker__head-top {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
}


.sd-field-picker__back {
  width: 24px;
  height: 24px;
  display: grid;
  flex-shrink: 0;
  place-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-icon-default);
  cursor: pointer;
}

.sd-field-picker__back[hidden] { display: none; }

.sd-field-picker__back:hover { background: var(--sd-color-surface-hover); }

.sd-field-picker__back:focus-visible,
.sd-field-picker__crumb:focus-visible,
.sd-field-picker__type:focus-visible,
.sd-field-picker__clear:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: calc(-1 * var(--sd-ring-width));
}


.sd-field-picker__here {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding-inline-start: var(--sd-space-4);
  overflow: hidden;
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sd-field-picker__here-label {
  color: inherit;
}

.sd-field-picker__here-object {
  margin-inline-start: var(--sd-space-4);
  color: var(--sd-color-text-muted);
  font-weight: normal;
}

.sd-field-picker__here-object:empty { display: none; }


.sd-field-picker__path {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--sd-space-2);
  padding-inline-start: var(--sd-space-32);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
}

.sd-field-picker__path[hidden] { display: none; }


.sd-field-picker__crumb {
  max-width: 160px;
  margin: 0;
  padding: 0 var(--sd-space-4);
  overflow: hidden;
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: transparent;
  color: var(--sd-color-text-accent);
  font: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.sd-field-picker__crumb:hover { color: var(--sd-color-text-accent-hover); }

.sd-field-picker__crumb:disabled {
  color: var(--sd-color-text-muted);
  cursor: default;
}

.sd-field-picker__crumb-sep { color: var(--sd-color-text-muted); }




.sd-field-picker__types {
  display: flex;
  flex-shrink: 0;
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}


.sd-field-picker__type {
  min-height: 30px;
  display: grid;
  flex: 1 1 0;
  place-items: center;
  margin: 0;
  padding: 0 var(--sd-space-4);
  border: 0;
  border-inline-end: var(--sd-border-width) solid var(--sd-color-border-subtle);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-icon-muted);
  font-family: var(--sd-font);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  cursor: pointer;
}

.sd-field-picker__type:last-child { border-inline-end: 0; }

.sd-field-picker__type:hover:not(:disabled) { background: var(--sd-color-surface-hover); }

.sd-field-picker__type[aria-pressed="true"] {
  background: var(--sd-color-surface-selected);
  color: var(--sd-color-icon-accent);
  box-shadow: inset 0 -2px 0 0 var(--sd-color-border-focus);
}

.sd-field-picker__type:disabled {
  background: var(--sd-color-surface-default);
  color: var(--sd-color-icon-disabled);
  cursor: default;
}



.sd-field-picker__search {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--sd-space-8);
  padding: 0 var(--sd-space-12);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-field-picker__search-icon {
  flex-shrink: 0;
  color: var(--sd-color-icon-muted);
}

.sd-field-picker__search-input {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: calc(var(--sd-space-8) + var(--sd-space-2)) 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}

.sd-field-picker__search-input::placeholder { color: var(--sd-color-text-muted); }

.sd-field-picker__clear {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--sd-color-icon-muted);
  cursor: pointer;
}

.sd-field-picker__clear[hidden] { display: none; }

.sd-field-picker__clear:hover { color: var(--sd-color-icon-strong); }




.sd-field-picker__stage {
  height: 316px;
  position: relative;
  flex: 0 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}


.sd-field-picker__list {
  display: flex;
  flex-direction: column;
}


.sd-field-picker__row,
.sd-field-picker__catalog {
  display: none;
}


.sd-field-picker__option {
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  box-sizing: border-box;
  padding: var(--sd-space-4) var(--sd-space-8) var(--sd-space-4) var(--sd-space-12);
  color: var(--sd-color-text-default);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  cursor: pointer;
}


.sd-field-picker__option--active {
  background: var(--sd-color-surface-selected);
  box-shadow: inset 2px 0 0 0 var(--sd-color-border-focus);
}


.sd-field-picker__option-glyph {
  width: 20px;
  height: 20px;
  display: grid;
  flex-shrink: 0;
  place-items: center;
  color: var(--sd-color-icon-muted);
}

.sd-field-picker__glyph { display: none; }

.sd-field-picker__option[data-sd-picker-type="text"] .sd-field-picker__glyph--text,
.sd-field-picker__option[data-sd-picker-type="number"] .sd-field-picker__glyph--number,
.sd-field-picker__option[data-sd-picker-type="checkbox"] .sd-field-picker__glyph--checkbox,
.sd-field-picker__option[data-sd-picker-type="date"] .sd-field-picker__glyph--date,
.sd-field-picker__option[data-sd-picker-type="ref"] .sd-field-picker__glyph--ref {
  display: block;
}

.sd-field-picker__option[data-sd-picker-type="ref"] .sd-field-picker__option-glyph {
  color: var(--sd-color-icon-accent);
}

.sd-field-picker__option-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sd-field-picker__option[aria-selected="true"] .sd-field-picker__option-label {
  color: var(--sd-color-text-accent);
  font-weight: var(--sd-weight-semibold);
}

.sd-field-picker__option-check,
.sd-field-picker__option-chevron {
  display: none;
  flex-shrink: 0;
}

.sd-field-picker__option[aria-selected="true"] .sd-field-picker__option-check {
  display: block;
  color: var(--sd-color-icon-accent);
}


.sd-field-picker__option--drill .sd-field-picker__option-chevron {
  display: block;
  color: var(--sd-color-icon-muted);
}



.sd-field-picker__empty {
  padding: var(--sd-space-24) var(--sd-space-16);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  text-align: center;
}

.sd-field-picker__empty[hidden] { display: none; }

.sd-field-picker__empty-title {
  margin: 0;
  color: var(--sd-color-text-default);
  font-weight: var(--sd-weight-semibold);
}

.sd-field-picker__empty-body {
  margin: var(--sd-space-4) 0 0;
}


.sd-field-picker__group {
  padding: var(--sd-space-8) var(--sd-space-12) var(--sd-space-4);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-2xs);
  font-weight: 600;
  letter-spacing: var(--sd-tracking-caps);
  line-height: var(--sd-text-2xs-lh);
  text-transform: uppercase;
}


.sd-field-picker__back,
.sd-field-picker__type {
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}
.sd-field-picker__crumb,
.sd-field-picker__clear {
  transition: color var(--sd-duration-base) var(--sd-easing);
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px), (any-pointer: coarse) {
  .sd-field-picker__search-input {
    font-size: var(--sd-text-entry);
  }
}






.sd-data-inputs-row {
  display: grid;
  
  grid-template-columns: var(--sd-dip-name-w, minmax(0, 2fr)) 5.5rem minmax(0, 3fr) auto;
  gap: var(--sd-space-8);
  align-items: center;
}


.sd-data-inputs-row > :first-child {
  width: auto;
  min-width: 0;
}


.sd-data-inputs-row--column > :first-child {
  position: relative;
  margin-inline-start: var(--sd-space-32);
}

.sd-data-inputs-row--column > :first-child::before,
.sd-data-inputs-row--column > :first-child::after {
  content: "";
  position: absolute;
  inset-inline-start: calc(-1 * var(--sd-space-16));
}


.sd-data-inputs-row--column > :first-child::before {
  inset-block: calc(-1 * var(--sd-space-8)) 50%;
  border-inline-start: var(--sd-border-width) solid var(--sd-color-border-default);
}

.sd-data-inputs-row--column:has(+ .sd-data-inputs-row--column:not([hidden])) > :first-child::before {
  inset-block-end: calc(-1 * var(--sd-space-8));
}


.sd-data-inputs-row--column > :first-child::after {
  inset-block-start: 50%;
  width: var(--sd-space-12);
  border-block-start: var(--sd-border-width) solid var(--sd-color-border-default);
}


.sd-data-inputs-row[hidden],
.sd-data-inputs-row__map[hidden],
.sd-data-inputs-row__signer[hidden] {
  display: none;
}


.sd-data-inputs-row__map {
  min-width: 0;
}


.sd-data-inputs-row:is(:hover, :focus-within, :has([data-sd-picker][aria-expanded="true"])) {
  background: var(--sd-color-surface-selected);
  box-shadow: 0 0 0 6px var(--sd-color-surface-selected);
  border-radius: var(--sd-radius-xs);
}


.sd-data-inputs-row [data-sd-found-delete]:hover:not(:disabled) {
  --sd-ib-ico: var(--sd-color-icon-error);
}


.sd-data-inputs-row[data-sd-found-locked] .sd-data-inputs-row__map .sd-field__control {
  --sd-fc-bd:  2px;
  --sd-fc-bg:  var(--sd-color-surface-muted);
  --sd-fc-bdc: var(--sd-color-border-subtle);
  cursor: default;
}

.sd-data-inputs-row[data-sd-found-locked] .sd-data-inputs-row__map .sd-field__affix--chevron {
  display: none;
}

.sd-data-inputs-row[data-sd-found-locked] .sd-data-inputs-row__map .sd-field__affix--lock {
  display: flex;
}


.sd-data-inputs-row__signer {
  margin: 0;
  padding-inline: var(--sd-space-8);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}


.sd-data-inputs-row__meta {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--sd-space-4);
}

.sd-data-inputs-row__locate {
  margin: 0;
  padding: 1px var(--sd-space-4);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-default);
  font-family: var(--sd-font);
  font-size: var(--sd-text-xs);
  font-weight: normal;
  line-height: var(--sd-text-xs-lh);
  cursor: pointer;
}

.sd-data-inputs-row__locate:hover {
  border-color: var(--sd-color-border-focus);
  color: var(--sd-color-text-accent);
}

.sd-data-inputs-row__locate:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-data-inputs-row {
    
    grid-template-columns: 6.5rem minmax(0, 1fr) auto;
    grid-template-areas:
      "name name del"
      "type map  map";
    row-gap: var(--sd-space-8);
    padding-block: var(--sd-space-12);
    border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
  }

  .sd-data-inputs-row > :first-child { grid-area: name; }
  .sd-data-inputs-row > :nth-child(2) { grid-area: type; }
  .sd-data-inputs-row > :is(.sd-data-inputs-row__map, .sd-data-inputs-row__signer) { grid-area: map; }
  .sd-data-inputs-row > [data-sd-found-delete] { grid-area: del; }

  
  .sd-data-inputs-row__map .sd-field-picker-face__text {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  
  .sd-data-inputs-row--column {
    position: relative;
    margin-inline-start: var(--sd-space-32);
  }
  .sd-data-inputs-row--column > :first-child {
    margin-inline-start: 0;
  }
  .sd-data-inputs-row--column > :first-child::before,
  .sd-data-inputs-row--column > :first-child::after {
    content: none;
  }

  
  .sd-data-inputs-row--column::before,
  .sd-data-inputs-row--column::after {
    content: "";
    position: absolute;
    inset-inline-start: calc(-1 * var(--sd-space-16));
  }
  .sd-data-inputs-row--column::before {
    
    inset-block-start: calc(-1 * (var(--sd-space-8) + var(--sd-border-width)));
    
    height: calc(var(--sd-space-8) + var(--sd-border-width) + 36px);
    border-inline-start: var(--sd-border-width) solid var(--sd-color-border-default);
  }
  .sd-data-inputs-row--column:has(+ .sd-data-inputs-row--column:not([hidden]))::before {
    height: auto;
    inset-block-end: 0;
  }
  .sd-data-inputs-row--column::after {
    
    inset-block-start: 36px;
    width: var(--sd-space-12);
    border-block-start: var(--sd-border-width) solid var(--sd-color-border-default);
  }
}





.sd-data-inputs-panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  background: var(--sd-color-surface-default);
}


.sd-data-inputs-panel__filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sd-space-24);
  padding: var(--sd-space-16) var(--sd-space-24);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-data-inputs-panel__list {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-8);
  padding: var(--sd-space-16) var(--sd-space-24) var(--sd-space-24);
}


.sd-data-inputs-panel__heads {
  position: relative;
  display: grid;
  
  grid-template-columns: var(--sd-dip-name-w, minmax(0, 2fr)) 5.5rem minmax(0, 3fr) auto;
  gap: var(--sd-space-8);
  align-items: center;
  padding-block: var(--sd-space-8) var(--sd-space-4);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-semibold);
  letter-spacing: var(--sd-tracking-caps);
  text-transform: uppercase;
}


.sd-data-inputs-panel__resize {
  position: absolute;
  
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  inset-block: 0;
  inset-inline-end: calc(-1 * var(--sd-space-8));
  width: var(--sd-space-8);
  cursor: col-resize;
  touch-action: none;
}

.sd-data-inputs-panel__resize::after {
  content: "";
  position: absolute;
  inset-block: 0;
  
  inset-inline-start: 3px;
  width: var(--sd-ring-width);
  background: var(--sd-color-border-subtle);
  transition: background var(--sd-duration-base) var(--sd-easing);
}

.sd-data-inputs-panel__resize:hover::after,
.sd-data-inputs-panel__resize:focus-visible::after,
[data-sd-found-resizing] .sd-data-inputs-panel__resize::after {
  background: var(--sd-color-border-focus);
}

.sd-data-inputs-panel__resize:focus-visible {
  outline: none;
}


[data-sd-found-resizing],
[data-sd-found-resizing] * {
  cursor: col-resize !important;
  user-select: none !important;
}


.sd-data-inputs-panel__heads[hidden],
.sd-data-inputs-panel__empty[hidden] {
  display: none;
}


.sd-data-inputs-panel__empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sd-space-4);
  padding-block: var(--sd-space-8);
}

.sd-data-inputs-panel__empty-title {
  margin: 0;
  color: var(--sd-color-text-default);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
}

.sd-data-inputs-panel__empty-body {
  margin: 0 0 var(--sd-space-8);
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}


[data-sd-found-ring] {
  box-shadow: 0 0 0 2px var(--sd-color-object-data-text), 0 0 0 6px var(--sd-color-object-data-surface);
  z-index: 2;
}

[data-sd-found-ring]:not(.sd-field-object--placed) {
  border-radius: var(--sd-radius-xs);
  position: relative;
}


.sd-field-object[data-sd-found-ring] {
  box-shadow: 0 0 0 2px var(--sd-color-border-focus), 0 0 0 6px var(--sd-color-surface-accent);
}


[data-sd-found-pulse] {
  animation: sd-found-pulse var(--sd-duration-flash) var(--sd-easing-out) both;
  border-radius: var(--sd-radius-md);
}

@keyframes sd-found-pulse {
  0%, 30% {
    background: var(--sd-color-status-warning-tint);
    box-shadow: 0 0 0 6px var(--sd-color-status-warning-tint);
  }
  100% {
    background: transparent;
    box-shadow: 0 0 0 6px transparent;
  }
}


@media (prefers-reduced-motion: reduce) {
  [data-sd-found-pulse] {
    animation-duration: 1ms;
  }
}


[data-sd-found-tip] {
  position: fixed;
  z-index: 1000;
  margin: 0;
  pointer-events: none;
}

[data-sd-found-tip][hidden] {
  display: none;
}




@media (any-pointer: coarse) {
  .sd-data-inputs-panel__resize {
    
    width: 24px;
    inset-inline-end: calc(-1 * (var(--sd-space-8) + var(--sd-space-8)));
  }

  .sd-data-inputs-panel__resize::after {
    
    inset-inline-start: 11px;
  }
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-data-inputs-panel__heads {
    display: none;
  }
}





.sd-publish-summary {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-16);
}

.sd-publish-summary > p {
  margin: 0;
}





.sd-date-picker {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-12);
  box-sizing: border-box;
  width: fit-content;
  max-width: calc(100vw - 2 * var(--sd-space-12));
  margin: 0;
  padding: var(--sd-space-16);
  border: 0;
  border-radius: var(--sd-sheet-radius);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-default);
  box-shadow: var(--sd-sheet-shadow);
  font-family: var(--sd-font);
}

.sd-date-picker[popover] {
  position: fixed;
  inset: auto;
  left: var(--sd-date-picker-x, var(--sd-space-12));
  top: var(--sd-date-picker-y, var(--sd-space-12));
  
  max-height: var(--sd-date-picker-max, none);
  overflow-y: auto;
}

.sd-date-picker[popover]:not(:popover-open) {
  display: none;
}


.sd-date-picker--adrift {
  opacity: 0;
  pointer-events: none;
}



.sd-date-picker__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sd-space-8);
}

.sd-date-picker__month {
  flex: 1 1 auto;
  margin: 0;
  font-size: var(--sd-text-md);
  line-height: var(--sd-text-md-lh);
  font-weight: var(--sd-weight-semibold);
  color: var(--sd-color-text-strong);
  text-align: center;
}



.sd-date-picker__grid {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-4);
}

.sd-date-picker__head-row,
.sd-date-picker__days {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-4);
}


.sd-date-picker__weekdays,
.sd-date-picker__week {
  display: grid;
  grid-template-columns: repeat(7, minmax(32px, 36px));
  gap: var(--sd-space-4);
}

.sd-date-picker__weekday {
  display: flex;
  align-items: center;
  justify-content: center;
  
  height: 36px;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  color: var(--sd-color-text-strong);
}



.sd-date-picker__day {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 1;
  border-radius: var(--sd-radius-full);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-variant-numeric: tabular-nums;
  
  color: var(--sd-color-text-strong);
  cursor: pointer;
  user-select: none;
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-date-picker__day--outside {
  color: var(--sd-color-text-muted);
}

.sd-date-picker__day[aria-current="date"] {
  color: var(--sd-color-text-accent);
  font-weight: var(--sd-weight-semibold);
}


.sd-date-picker__day:hover {
  background: var(--sd-color-surface-selected-active);
}

.sd-date-picker__day[aria-selected="true"] {
  background: var(--sd-color-action-primary);
  color: var(--sd-color-text-inverse);
  font-weight: var(--sd-weight-semibold);
}

.sd-date-picker__day[aria-selected="true"]:hover {
  background: var(--sd-color-action-primary-hover);
}

.sd-date-picker__day:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}




@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {

  
  .sd-date-picker [data-sd-date-step] {
    --sd-ib-pad:  var(--sd-space-12);
    --sd-ib-icon: var(--sd-icon-md);
  }

  .sd-date-picker__days {
    gap: 0;
  }

  .sd-date-picker__weekdays,
  .sd-date-picker__week {
    
    grid-template-columns: repeat(7, minmax(32px, 44px));
    gap: 0;
  }

  .sd-date-picker__day {
    padding: var(--sd-space-2);
    background-clip: content-box;
  }

  .sd-date-picker__day:focus-visible {
    outline-offset: calc(var(--sd-ring-offset) - var(--sd-space-2));
  }
}




@media (max-width: 983px) and (max-height: 499px) {

  .sd-date-picker {
    flex-direction: row;
    align-items: center;
    padding: var(--sd-space-4) var(--sd-space-12);
  }

  .sd-date-picker__head {
    flex-direction: column;
    
    width: 6.5rem;
    flex: none;
  }

  .sd-date-picker__grid,
  .sd-date-picker__head-row {
    gap: 0;
  }

  
  .sd-date-picker__weekday {
    height: var(--sd-text-sm-lh);
  }
}


@media (forced-colors: active) {
  
  .sd-date-picker {
    border: var(--sd-border-width) solid CanvasText;
  }
  .sd-date-picker__day[aria-selected="true"] {
    outline: var(--sd-ring-width) solid Highlight;
  }
  .sd-date-picker__day:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
  }
}





.sd-version-row-title {
  --sd-vrt-bg:  transparent;
  --sd-vrt-bdc: transparent;

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);
  margin: 0;
  padding: calc(var(--sd-space-2) - var(--sd-border-width)) calc(var(--sd-space-4) - var(--sd-border-width));
  border: var(--sd-border-width) solid var(--sd-vrt-bdc);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-vrt-bg);
  color: var(--sd-color-text-strong);
  font: inherit;
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-sm-lh);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              border-color     var(--sd-duration-base) var(--sd-easing);
}


.sd-version-row-title::after {
  content: "";
  position: absolute;
  inset: 0;
}

.sd-version-row-title:hover {
  --sd-vrt-bdc: var(--sd-color-border-default);
}

.sd-version-row-title:focus-visible {
  --sd-vrt-bg:  var(--sd-color-surface-subtle);
  --sd-vrt-bdc: var(--sd-color-border-strong);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}


@media (forced-colors: active) {
  .sd-version-row-title:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}





.sd-version-row {
  --sd-vr-bg:  var(--sd-color-surface-subtle);
  --sd-vr-bdc: transparent;

  position: relative;

  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: calc(var(--sd-space-12) - var(--sd-border-width)) calc(var(--sd-space-16) - var(--sd-border-width))
           calc(var(--sd-space-12) - 1px) calc(var(--sd-space-12) - 1px);
  border: var(--sd-border-width) solid var(--sd-vr-bdc);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-vr-bg);
  font-family: var(--sd-font);
  font-weight: var(--sd-weight-medium);
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              border-color     var(--sd-duration-base) var(--sd-easing),
              box-shadow       var(--sd-duration-base) var(--sd-easing);
}

.sd-version-row:hover {
  --sd-vr-bg:  var(--sd-color-surface-default);
  --sd-vr-bdc: var(--sd-color-border-default);
}

.sd-version-row:focus-within {
  --sd-vr-bg:  var(--sd-color-surface-default);
  --sd-vr-bdc: var(--sd-color-border-editing);
  box-shadow: inset 0 0 0 1px var(--sd-color-border-editing);
}




.sd-version-row[aria-current="true"] {
  --sd-vr-bg:  var(--sd-color-surface-selected);
  --sd-vr-bdc: var(--sd-color-border-accent);
}

.sd-version-row[aria-current="true"]:hover {
  --sd-vr-bg:  var(--sd-color-surface-selected-active);
  --sd-vr-bdc: var(--sd-color-border-accent-strong);
}


.sd-version-row[aria-current="true"]:focus-within {
  --sd-vr-bg: var(--sd-color-surface-selected-active);
}


@media (forced-colors: active) {
  .sd-version-row[aria-current="true"] {
    border-color: CanvasText;
  }
}

.sd-version-row__version {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-4);
  min-width: 0;
}


.sd-version-row .sd-version-row-title {
  min-width: 0;
  white-space: normal;
  text-align: left;
}


.sd-version-row__meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--sd-space-8);
  padding-left: var(--sd-space-4);
  min-width: 0;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  color: var(--sd-color-text-muted);
}

.sd-version-row__owner {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-4);
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}


.sd-version-row__owner-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}


.sd-version-row__owner-icon {
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-color-icon-muted);
  overflow: clip;
}

.sd-version-row__timestamp {
  flex-shrink: 0;
  white-space: nowrap;
}




.sd-version-row__version > .sd-icon-button {
  margin-left: auto;
  position: relative;
}





.sd-masthead-save-state {
  --sd-mss-fg: var(--sd-color-text-muted);
  --sd-mss-ico: var(--sd-color-icon-subtle);

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-4);
  width: fit-content;
  color: var(--sd-mss-fg);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
  white-space: nowrap;
}


.sd-masthead-save-state:not(.sd-masthead-save-state--saving, .sd-masthead-save-state--error) {
  position: absolute;
}


.sd-masthead-save-state__icon {
  display: none;
  width: var(--sd-icon-sm);
  height: var(--sd-icon-sm);
  flex-shrink: 0;
  color: var(--sd-mss-ico);
  overflow: clip;
}

.sd-masthead-save-state__text {
  display: none;
}


.sd-masthead-save-state__retry {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.sd-masthead-save-state__retry:focus-visible {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
  border-radius: var(--sd-radius-sm);
}



.sd-masthead-save-state--saving .sd-masthead-save-state__icon--saving,
.sd-masthead-save-state--saving .sd-masthead-save-state__text--saving,
.sd-masthead-save-state--error  .sd-masthead-save-state__icon--error,
.sd-masthead-save-state--error  .sd-masthead-save-state__text--error {
  display: inline-block;
}

.sd-masthead-save-state--error {
  --sd-mss-fg: var(--sd-color-text-error);
  --sd-mss-ico: var(--sd-color-icon-error);
}


@media (forced-colors: active) {
  .sd-masthead-save-state__retry:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
}




@media (any-pointer: coarse) {
  .sd-masthead-save-state__retry {
    padding-block: calc((24px - 1lh) / 2);
  }
}





.sd-search-filter-panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  
  width: 224px;
  background: var(--sd-color-surface-default);
  border: var(--sd-popup-border);
  border-radius: var(--sd-popup-radius);
  box-shadow: var(--sd-popup-shadow);
  font-family: var(--sd-font);
}

.sd-search-filter-panel__section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--sd-space-4);
  padding: var(--sd-space-8) var(--sd-space-16);
}


.sd-search-filter-panel__section + .sd-search-filter-panel__section {
  border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
  padding-top: calc(var(--sd-space-8) - var(--sd-border-width));
}

.sd-search-filter-panel__heading {
  margin: 0;
  padding: var(--sd-space-4) 0;
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-bold);
  line-height: var(--sd-text-xs-lh);
  color: var(--sd-color-text-muted);
  text-transform: uppercase;
  white-space: nowrap;
}


.sd-search-filter-panel .sd-checkbox {
  padding: var(--sd-space-4) 0;
  min-width: 0;
  color: var(--sd-color-text-muted);
}

.sd-search-filter-panel .sd-checkbox:has(.sd-checkbox__input:checked) {
  color: var(--sd-color-text-strong);
}





.sd-search-filter {
  position: relative;
  display: inline-block;
  width: fit-content;
  font-family: var(--sd-font);
  font-weight: var(--sd-weight-semibold);
}

.sd-search-filter__button {
  
  --sd-sf-bg:  transparent;
  --sd-sf-bdc: transparent;
  --sd-sf-ico: var(--sd-color-icon-subtle);
  --sd-sf-fg:  var(--sd-color-text-muted);

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sd-space-8);

  
  padding: calc(var(--sd-space-12) - var(--sd-border-width)) calc(var(--sd-space-16) - var(--sd-border-width));
  border: var(--sd-border-width) solid var(--sd-sf-bdc);
  border-radius: var(--sd-radius-sm);
  background: var(--sd-sf-bg);
  color: var(--sd-sf-fg);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;

  
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              border-color     var(--sd-duration-base) var(--sd-easing),
              color            var(--sd-duration-base) var(--sd-easing);
}


.sd-search-filter__icon {
  width: var(--sd-icon-md);
  height: var(--sd-icon-md);
  flex-shrink: 0;
  color: var(--sd-sf-ico);
  overflow: clip;
  transition: color var(--sd-duration-base) var(--sd-easing);
}


.sd-search-filter__label {
  min-width: 0;
}


.sd-search-filter__count {
  flex-shrink: 0;
}




.sd-search-filter__button:has(.sd-search-filter__count) {
  --sd-sf-ico: var(--sd-color-icon-default);
  --sd-sf-fg:  var(--sd-color-text-default);
}



.sd-search-filter:hover > .sd-search-filter__button {
  --sd-sf-bdc: var(--sd-color-border-default);
  --sd-sf-ico: var(--sd-color-icon-strong);
  --sd-sf-fg:  var(--sd-color-text-strong);
}


.sd-search-filter:focus-within:not([open]) > .sd-search-filter__button {
  --sd-sf-bdc: var(--sd-color-border-strong);
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: var(--sd-ring-offset);
}

.sd-search-filter[open] > .sd-search-filter__button {
  --sd-sf-bg:  var(--sd-color-surface-inverse);
  --sd-sf-bdc: transparent;
  --sd-sf-ico: var(--sd-color-icon-inverse);
  --sd-sf-fg:  var(--sd-color-text-inverse);
}




.sd-search-filter > .sd-search-filter-panel {
  position: absolute;
  top: calc(100% + var(--sd-space-4));
  right: 0;
  z-index: var(--sd-z-float);
}


.sd-search-filter > .sd-search-filter-panel {
  opacity: 0;
  translate: 0 calc(-1 * var(--sd-space-4));
  transition:
    opacity   var(--sd-duration-fast) var(--sd-easing-in),
    translate var(--sd-duration-fast) var(--sd-easing-in),
    display   var(--sd-duration-fast) allow-discrete,
    overlay   var(--sd-duration-fast) allow-discrete;
}

.sd-search-filter[open] > .sd-search-filter-panel {
  opacity: 1;
  translate: none;
  transition-timing-function: var(--sd-easing-out);
}

@starting-style {
  .sd-search-filter[open] > .sd-search-filter-panel {
    opacity: 0;
    translate: 0 calc(-1 * var(--sd-space-4));
  }
}


.sd-search-filter::details-content {
  transition: content-visibility var(--sd-duration-fast) allow-discrete;
}


@media (forced-colors: active) {
  .sd-search-filter:focus-within:not([open]) > .sd-search-filter__button {
    outline: var(--sd-ring-width) solid CanvasText;
    outline-offset: var(--sd-ring-offset);
  }
  .sd-search-filter[open] > .sd-search-filter__button {
    border-color: CanvasText;
  }
}





.sd-auth-layout {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  container-type: inline-size;
  background: var(--sd-color-surface-default);
  font-family: var(--sd-font);
}

.sd-auth-layout__frame {
  display: grid;
  flex: 1 0 auto;
  grid-template-columns: minmax(0, 1fr);
}

.sd-auth-layout__main {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-32);
  
  padding: clamp(var(--sd-space-24), 6.5cqi, 7rem) clamp(var(--sd-space-24), 6.5cqi, 7rem) var(--sd-space-32);
}


.sd-auth-layout--spacious .sd-auth-layout__main {
  padding-top: calc(2 * var(--sd-space-40));
}


.sd-auth-layout__main > * {
  box-sizing: border-box;
  width: 100%;
}


.sd-auth-layout__eyebrow,
.sd-auth-layout__title,
.sd-auth-layout__lede {
  
  max-width: 30rem;
}

.sd-auth-layout__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--sd-space-12) var(--sd-space-16);
}

.sd-auth-layout__body {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: center;
  gap: var(--sd-space-12);
}

.sd-auth-layout__eyebrow {
  margin: 0;
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-2xs);
  line-height: var(--sd-text-2xs-lh);
  font-weight: var(--sd-weight-semibold);
  letter-spacing: var(--sd-tracking-eyebrow);
  text-transform: uppercase;
}

.sd-auth-layout__title {
  margin: 0;
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-display);
  line-height: var(--sd-text-display-lh);
  font-weight: var(--sd-weight-medium);
  letter-spacing: -0.02em;
  text-wrap: balance;
}

.sd-auth-layout__lede {
  margin: 0;
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-md);
  line-height: var(--sd-text-md-lh);
}

.sd-auth-layout__foot {
  
  --sd-tl-reach-inline: calc((24px - 1lh) / 2);
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-12);
}


.sd-auth-layout__showcase {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 var(--sd-space-12) var(--sd-space-12);
  
  min-height: 16rem;
  overflow: clip;
  background-color: var(--sd-color-surface-subtle);
  background-image:
    radial-gradient(var(--sd-color-border-subtle) 1px, transparent 1px),
    linear-gradient(160deg, var(--sd-color-surface-selected-active), var(--sd-color-surface-selected) 40%, var(--sd-color-surface-accent) 75%, var(--sd-color-surface-sunken));
  background-size: var(--sd-space-20) var(--sd-space-20), 100% 100%;
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-xl);
}


.sd-auth-layout--rich .sd-auth-layout__showcase {
  --sd-showcase-ink: var(--sd-color-text-inverse);
  --sd-showcase-ink-muted: var(--sd-color-text-on-showcase-rich-muted);
  --sd-showcase-track: var(--sd-color-surface-showcase-rich-track);
  --sd-showcase-fill: var(--sd-color-surface-default);
  background-color: var(--sd-color-surface-showcase-rich);
  background-image:
    radial-gradient(var(--sd-color-border-on-showcase-rich) 1px, transparent 1px),
    linear-gradient(155deg, var(--sd-color-surface-showcase-rich-start), var(--sd-color-surface-showcase-rich) 55%, var(--sd-color-surface-showcase-rich-end));
  border-color: transparent;
}


@container (min-width: 960px) {
  .sd-auth-layout__frame {
    grid-template-columns: clamp(26.25rem, 47cqi, 47.5rem) minmax(0, 1fr);
  }

  
  .sd-auth-layout__main {
    padding-right: var(--sd-space-32);
  }

  .sd-auth-layout--spacious .sd-auth-layout__main {
    padding-right: calc(2 * var(--sd-space-40));
  }

  .sd-auth-layout__showcase {
    position: sticky;
    top: var(--sd-space-12);
    max-height: calc(100vh - 2 * var(--sd-space-12));
    max-height: calc(100dvh - 2 * var(--sd-space-12));
    margin: var(--sd-space-12) var(--sd-space-12) var(--sd-space-12) 0;
  }
}





.sd-tour-steps {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--sd-font);
}


.sd-tour-steps--carousel {
  position: relative;
  display: grid;
  grid-template-areas: "slide";
  gap: 0;
  box-sizing: border-box;
  padding: 0 var(--sd-space-32) calc(var(--sd-space-32) + var(--sd-space-40));
}





.sd-tour-step {
  position: relative;
  list-style: none;
}


.sd-tour-step:not(:last-child)::before {
  content: "";
  position: absolute;
  left: calc(var(--sd-space-16) + var(--sd-space-16) - 0.5px);
  top: calc(var(--sd-space-8) + var(--sd-space-2) + var(--sd-space-32) + var(--sd-space-4));
  bottom: calc(-1 * var(--sd-space-12) - var(--sd-space-2));
  border-left: var(--sd-border-width) solid var(--sd-color-border-subtle);
}

.sd-tour-step__button {
  position: relative;
  display: grid;
  grid-template-columns: var(--sd-space-32) minmax(0, 1fr);
  gap: var(--sd-space-16);
  box-sizing: border-box;
  width: 100%;
  padding: calc(var(--sd-space-8) + var(--sd-space-2)) var(--sd-space-16);
  border: var(--sd-border-width) solid transparent;
  border-radius: var(--sd-radius-lg);
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color var(--sd-duration-base) var(--sd-easing),
              border-color var(--sd-duration-base) var(--sd-easing);
}

.sd-tour-step__button:hover {
  background: var(--sd-color-surface-hover);
}

.sd-tour-step__button:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}

.sd-tour-step__button[aria-current="step"] {
  background: var(--sd-color-surface-accent);
  border-color: var(--sd-color-border-accent);
}

.sd-tour-step__marker {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: var(--sd-space-32);
  height: var(--sd-space-32);
  box-sizing: border-box;
  border: var(--sd-border-width) solid var(--sd-color-border-default);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-icon-muted);
}

.sd-tour-step__glyph,
.sd-tour-step__tick {
  width: var(--sd-space-16);
  height: var(--sd-space-16);
}

.sd-tour-step__tick {
  display: none;
}

.sd-tour-step__button[aria-current="step"] .sd-tour-step__marker {
  background: var(--sd-color-action-primary);
  border-color: var(--sd-color-action-primary);
  color: var(--sd-color-icon-inverse);
}

.sd-tour-step[data-sd-tour-done] .sd-tour-step__marker {
  background: var(--sd-color-status-success-tint);
  border-color: var(--sd-color-border-step-done);
  color: var(--sd-color-icon-success);
}

.sd-tour-step[data-sd-tour-done] .sd-tour-step__glyph {
  display: none;
}

.sd-tour-step[data-sd-tour-done] .sd-tour-step__tick {
  display: block;
}

.sd-tour-step__text {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-2);
  min-width: 0;
  padding-top: var(--sd-space-2);
}

.sd-tour-step__eyebrow {
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-2xs);
  line-height: var(--sd-text-2xs-lh);
  font-weight: var(--sd-weight-semibold);
  letter-spacing: var(--sd-tracking-eyebrow);
  text-transform: uppercase;
}

.sd-tour-step__button[aria-current="step"] .sd-tour-step__eyebrow {
  color: var(--sd-color-text-accent);
}

.sd-tour-step__title {
  color: var(--sd-color-text-default);
  font-size: var(--sd-text-md);
  line-height: var(--sd-text-md-lh);
  font-weight: var(--sd-weight-medium);
}

.sd-tour-step__button[aria-current="step"] .sd-tour-step__title {
  color: var(--sd-color-text-strong);
  font-weight: var(--sd-weight-semibold);
}

.sd-tour-step__detail {
  display: none;
  flex-direction: column;
  gap: var(--sd-space-12);
  padding-top: var(--sd-space-4);
}

.sd-tour-step__button[aria-current="step"] .sd-tour-step__detail {
  display: flex;
}

.sd-tour-step__sentence {
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}


.sd-tour-step__timer {
  appearance: none;
  display: block;
  width: 100%;
  height: var(--sd-space-4);
  border: 0;
  border-radius: var(--sd-radius-full);
  overflow: hidden;
  background: var(--sd-color-surface-meter);
  color: var(--sd-color-surface-meter-filled);
}

.sd-tour-step__timer::-webkit-progress-bar {
  background: var(--sd-color-surface-meter);
}

.sd-tour-step__timer::-webkit-progress-value {
  background: var(--sd-color-surface-meter-filled);
  border-radius: var(--sd-radius-full);
}

.sd-tour-step__timer::-moz-progress-bar {
  background: var(--sd-color-surface-meter-filled);
  border-radius: var(--sd-radius-full);
}


@media (prefers-reduced-motion: reduce) {
  .sd-tour-step__timer {
    display: none;
  }
}


.sd-tour-steps--rail .sd-tour-step__button,
.sd-tour-steps--rail .sd-tour-step__button:hover,
.sd-tour-steps--rail .sd-tour-step__button[aria-current="step"] {
  background: none;
  border-color: transparent;
}


.sd-tour-steps--rail .sd-tour-step__button {
  padding-inline: 0;
}

.sd-tour-steps--rail .sd-tour-step__button:focus-visible {
  outline-offset: var(--sd-ring-offset);
}

.sd-tour-steps--rail .sd-tour-step__title {
  color: var(--sd-color-text-muted);
  transition: color var(--sd-duration-base) var(--sd-easing);
}

.sd-tour-steps--rail .sd-tour-step__button:hover .sd-tour-step__title,
.sd-tour-steps--rail .sd-tour-step__button[aria-current="step"] .sd-tour-step__title {
  color: var(--sd-color-text-strong);
}

.sd-tour-steps--rail .sd-tour-step__timer {
  display: none;
}

.sd-tour-steps--rail .sd-tour-step::before,
.sd-tour-steps--rail .sd-tour-step::after {
  content: "";
  position: absolute;
  left: calc(var(--sd-space-16) - 1px);
  top: calc(var(--sd-space-8) + var(--sd-space-2) + var(--sd-space-32) + var(--sd-space-4));
  bottom: calc(-1 * var(--sd-space-12) - var(--sd-space-2));
  border-left: 2px solid var(--sd-color-border-subtle);
}

.sd-tour-steps--rail .sd-tour-step::after {
  border-left-color: var(--sd-color-border-accent-strong);
  transform: scaleY(var(--sd-tour-progress, 0));
  transform-origin: top;
}

.sd-tour-steps--rail .sd-tour-step[data-sd-tour-done]::after {
  border-left-color: var(--sd-color-border-step-done);
  transform: none;
}


.sd-tour-steps--rail .sd-tour-step:last-child::before,
.sd-tour-steps--rail .sd-tour-step:last-child::after {
  bottom: calc(var(--sd-space-8) + var(--sd-space-2));
}

.sd-tour-steps--rail .sd-tour-step:last-child:not(:has(> [aria-current="step"]))::before,
.sd-tour-steps--rail .sd-tour-step:last-child:not(:has(> [aria-current="step"]))::after {
  content: none;
}


.sd-tour-steps--carousel .sd-tour-step {
  position: static;
  grid-area: slide;
}

.sd-tour-steps--carousel .sd-tour-step::before,
.sd-tour-steps--carousel .sd-tour-step::after {
  content: none;
}

.sd-tour-steps--carousel .sd-tour-step:nth-child(2) { --sd-tour-slot: 1; }
.sd-tour-steps--carousel .sd-tour-step:nth-child(3) { --sd-tour-slot: 2; }
.sd-tour-steps--carousel .sd-tour-step:nth-child(4) { --sd-tour-slot: 3; }
.sd-tour-steps--carousel .sd-tour-step:nth-child(5) { --sd-tour-slot: 4; }
.sd-tour-steps--carousel .sd-tour-step:nth-child(6) { --sd-tour-slot: 5; }
.sd-tour-steps--carousel .sd-tour-step:nth-child(7) { --sd-tour-slot: 6; }
.sd-tour-steps--carousel .sd-tour-step:nth-child(8) { --sd-tour-slot: 7; }

.sd-tour-steps--carousel .sd-tour-step__button,
.sd-tour-steps--carousel .sd-tour-step__button:hover,
.sd-tour-steps--carousel .sd-tour-step__button[aria-current="step"] {
  position: static;
  display: block;
  padding: 0;
  border: 0;
  background: none;
  cursor: default;
  pointer-events: none;
}

.sd-tour-steps--carousel .sd-tour-step__button:focus-visible {
  outline: none;
}

.sd-tour-steps--carousel .sd-tour-step__text {
  gap: var(--sd-space-12);
  
  max-width: 36rem;
  padding-top: 0;
  opacity: 0;
  transition: opacity var(--sd-duration-slow) var(--sd-easing);
}

.sd-tour-steps--carousel .sd-tour-step__button[aria-current="step"] .sd-tour-step__text {
  opacity: 1;
}

.sd-tour-steps--carousel .sd-tour-step__eyebrow,
.sd-tour-steps--carousel .sd-tour-step__timer {
  display: none;
}

.sd-tour-steps--carousel .sd-tour-step .sd-tour-step__title {
  color: var(--sd-showcase-ink, var(--sd-color-text-strong));
  
  font-size: clamp(var(--sd-text-xl), 2.6cqi, var(--sd-text-display));
  line-height: 1.15;
  font-weight: var(--sd-weight-semibold);
  letter-spacing: -0.02em;
  text-wrap: balance;
}

.sd-tour-steps--carousel .sd-tour-step__detail {
  display: flex;
  padding-top: 0;
}

.sd-tour-steps--carousel .sd-tour-step__sentence {
  color: var(--sd-showcase-ink-muted, var(--sd-color-text-muted));
  font-size: var(--sd-text-md-lg);
  line-height: var(--sd-text-md-lg-lh);
}


.sd-tour-steps--carousel[data-sd-tour-motion="smooth"] .sd-tour-step__text {
  transition: opacity calc(var(--sd-duration-tour) / 3) var(--sd-easing-in);
}

.sd-tour-steps--carousel[data-sd-tour-motion="smooth"] .sd-tour-step__button[aria-current="step"] .sd-tour-step__text {
  transition: opacity calc(var(--sd-duration-tour) / 3) var(--sd-easing-out) calc(var(--sd-duration-tour) / 3);
}


.sd-tour-steps--carousel .sd-tour-step .sd-tour-step__marker {
  position: absolute;
  bottom: 0;
  left: calc(var(--sd-space-32) + var(--sd-tour-slot, 0) * (var(--sd-space-24) + var(--sd-space-8)));
  
  width: var(--sd-space-24);
  height: var(--sd-space-40);
  border: 0;
  border-radius: var(--sd-radius-sm);
  background: none;
  cursor: pointer;
  pointer-events: auto;
}

.sd-tour-steps--carousel .sd-tour-step .sd-tour-step__glyph,
.sd-tour-steps--carousel .sd-tour-step .sd-tour-step__tick {
  display: none;
}

.sd-tour-steps--carousel .sd-tour-step__marker::before {
  content: "";
  position: absolute;
  top: calc(50% - var(--sd-space-2));
  right: 0;
  left: 0;
  height: var(--sd-space-4);
  border-radius: var(--sd-radius-full);
}

.sd-tour-steps--carousel .sd-tour-step__marker::before {
  background: var(--sd-showcase-track, var(--sd-color-surface-meter));
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-tour-steps--carousel .sd-tour-step__button:hover .sd-tour-step__marker::before {
  background: var(--sd-showcase-ink-muted, var(--sd-color-border-accent));
}


.sd-tour-steps--carousel .sd-tour-step__button[aria-current="step"] .sd-tour-step__marker::before {
  background: var(--sd-showcase-fill, var(--sd-color-surface-meter-filled));
}

.sd-tour-steps--carousel .sd-tour-step__button:focus-visible .sd-tour-step__marker {
  outline: var(--sd-ring-width) solid var(--sd-showcase-ink, var(--sd-color-border-focus));
  outline-offset: var(--sd-ring-offset-inset);
}





.sd-tour-stage {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--sd-space-48) var(--sd-space-24) calc(var(--sd-space-48) + var(--sd-space-24));
  font-family: var(--sd-font);
}


.sd-tour-stage--carousel {
  position: static;
  padding-bottom: var(--sd-space-32);
}

.sd-tour-stage__scenes {
  display: flex;
  flex-direction: column;
  width: 100%;
  
  max-width: 38rem;
}


.sd-tour-stage[data-sd-tour-motion="smooth"] .sd-tour-stage__scenes {
  display: grid;
  align-items: center;
}





.sd-tour-scene {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-12);
  font-family: var(--sd-font);
}

.sd-tour-scene[hidden] {
  display: none;
}

.sd-tour-scene__label {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
  margin: 0;
  
  color: var(--sd-showcase-ink-muted, var(--sd-color-text-muted));
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-semibold);
  letter-spacing: var(--sd-tracking-eyebrow);
  text-transform: uppercase;
}

.sd-tour-scene__icon {
  flex-shrink: 0;
  width: var(--sd-space-16);
  height: var(--sd-space-16);
}

.sd-tour-scene__body {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-32);
}


.sd-tour-scene [data-sd-tour-shown="false"]:not([data-sd-tour-motion="smooth"] *) {
  display: none !important;
}

.sd-tour-scene [data-sd-tour-shown="true"]:not([data-sd-tour-motion="smooth"] *) {
  animation: sd-tour-scene-rise calc(2 * var(--sd-duration-slow)) var(--sd-easing-out) both;
}

@keyframes sd-tour-scene-rise {
  from {
    opacity: 0;
    transform: translateY(var(--sd-space-8));
  }

  to {
    opacity: 1;
    transform: none;
  }
}


[data-sd-tour-motion="smooth"] .sd-tour-scene {
  grid-area: 1 / 1;
  transition:
    opacity var(--sd-duration-tour) var(--sd-easing-tour) calc(var(--sd-duration-tour) / 3),
    scale var(--sd-duration-tour) var(--sd-easing-tour) calc(var(--sd-duration-tour) / 3),
    visibility 0s linear calc(var(--sd-duration-tour) / 3);
}

[data-sd-tour-motion="smooth"] .sd-tour-scene[hidden] {
  display: flex;
  visibility: hidden;
  opacity: 0;
  scale: 0.98;
  transition:
    opacity calc(var(--sd-duration-tour) / 2) var(--sd-easing-in),
    scale calc(var(--sd-duration-tour) / 2) var(--sd-easing-in),
    visibility 0s linear calc(var(--sd-duration-tour) / 2);
}


[data-sd-tour-motion="smooth"] .sd-tour-scene[hidden] * {
  transition: none !important;
}


[data-sd-tour-motion="smooth"] .sd-tour-scene [data-sd-tour-shown] {
  transition:
    opacity var(--sd-duration-tour) var(--sd-easing-tour),
    translate var(--sd-duration-tour) var(--sd-easing-tour),
    visibility 0s;
  transition-delay: var(--sd-tour-delay, 0s);
}

[data-sd-tour-motion="smooth"] .sd-tour-scene [data-sd-tour-shown="false"] {
  visibility: hidden;
  opacity: 0;
  translate: 0 var(--sd-space-8);
  transition:
    opacity calc(var(--sd-duration-tour) / 2) var(--sd-easing-in),
    translate 0s linear calc(var(--sd-duration-tour) / 2),
    visibility 0s linear calc(var(--sd-duration-tour) / 2);
}


@media (prefers-reduced-motion: reduce) {
  .sd-tour-scene [data-sd-tour-shown="true"] {
    animation: none;
  }
}





.sd-tour-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--sd-space-16);
  padding: var(--sd-space-20) var(--sd-space-24);
  background: var(--sd-color-surface-default);
  border: var(--sd-border-width) solid var(--sd-color-border-subtle);
  border-radius: var(--sd-radius-lg);
  box-shadow: var(--sd-shadow-lg);
  color: var(--sd-color-text-default);
  font-family: var(--sd-font);
}


.sd-tour-card > * {
  grid-column: 1 / -1;
}

.sd-tour-card > .sd-tour-card__head {
  grid-row: 1;
  grid-column: 1;
}

.sd-tour-card > .sd-tour-card__end {
  grid-row: 1;
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
}


.sd-tour-card + .sd-tour-card::before,
.sd-tour-card + .sd-tour-card::after {
  content: "";
  position: absolute;
  left: 50%;
  pointer-events: none;
}

.sd-tour-card + .sd-tour-card::before {
  top: calc(-1 * var(--sd-space-32) + var(--sd-space-4));
  height: calc(var(--sd-space-32) - var(--sd-space-8));
  border-left: var(--sd-border-width) solid var(--sd-color-border-strong);
}

.sd-tour-card + .sd-tour-card::after {
  top: calc(-1 * var(--sd-space-12));
  width: var(--sd-space-8);
  height: var(--sd-space-8);
  border-right: var(--sd-border-width) solid var(--sd-color-border-strong);
  border-bottom: var(--sd-border-width) solid var(--sd-color-border-strong);
  transform: translate(calc(-50% + 0.5px), 0) rotate(45deg);
}

.sd-tour-card__head {
  display: flex;
  align-items: center;
  gap: var(--sd-space-16);
  min-width: 0;
}

.sd-tour-card__tile {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: var(--sd-space-40);
  height: var(--sd-space-40);
  border-radius: var(--sd-radius-md);
  background: var(--sd-color-surface-subtle);
  color: var(--sd-color-icon-default);
}

.sd-tour-card__icon {
  width: var(--sd-space-20);
  height: var(--sd-space-20);
}

.sd-tour-card__name {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sd-tour-card__title {
  color: var(--sd-color-text-strong);
  font-size: var(--sd-text-md);
  line-height: var(--sd-text-md-lh);
  font-weight: var(--sd-weight-semibold);
}

.sd-tour-card__meta {
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-variant-numeric: tabular-nums;
}

.sd-tour-card__list {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}





.sd-tour-item {
  display: flex;
  align-items: center;
  gap: var(--sd-space-12);
  padding: var(--sd-space-8) var(--sd-space-12);
  border-radius: var(--sd-radius-md);
  color: var(--sd-color-text-default);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-medium);
  list-style: none;
  transition: background-color var(--sd-duration-base) var(--sd-easing);
}

.sd-tour-item[data-sd-tour-lit] {
  background: var(--sd-color-surface-selected);
}

.sd-tour-item__icon {
  flex-shrink: 0;
  width: var(--sd-space-20);
  height: var(--sd-space-20);
  color: var(--sd-color-icon-muted);
}

.sd-tour-item--success .sd-tour-item__icon {
  color: var(--sd-color-icon-success);
}

.sd-tour-item__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}

.sd-tour-item__label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sd-space-4) var(--sd-space-12);
}

.sd-tour-item__end {
  display: inline-flex;
  margin-left: auto;
}

.sd-tour-item__meta {
  color: var(--sd-color-text-muted);
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: normal;
}

.sd-tour-item__tick {
  flex-shrink: 0;
  width: var(--sd-space-20);
  height: var(--sd-space-20);
  margin-left: auto;
  color: var(--sd-color-icon-success);
  visibility: hidden;
}

.sd-tour-item[data-sd-tour-lit] .sd-tour-item__tick {
  visibility: visible;
}





.sd-editor-canvas__documents:has(> .sd-signing-guide) {
  position: relative;
}


.sd-editor-canvas__documents > .sd-signing-guide {
  position: absolute;
  
  left: max(var(--sd-space-8), var(--sd-guide-x));
  top: var(--sd-guide-y);
  z-index: var(--sd-z-raised);
}

.sd-signing-guide {
  
  --sd-guide-x: 0px;
  --sd-guide-y: var(--sd-space-48);
  
  --sd-guide-point: 12px;

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  
  height: 32px;
  
  min-width: 80px;
  padding: 0 calc(var(--sd-space-12) + var(--sd-guide-point)) 0 var(--sd-space-12);
  margin: 0;
  border: 0;
  background: transparent;
  color: var(--sd-color-text-strong);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-sm-lh);
  white-space: nowrap;
  cursor: pointer;
  filter: var(--sd-drop-shadow-sm);
  transition: filter var(--sd-duration-base) var(--sd-easing);
}

.sd-signing-guide::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: var(--sd-radius-sm) 0 0 var(--sd-radius-sm);
  background: var(--sd-color-surface-guide);
  clip-path: polygon(
    0 0,
    calc(100% - var(--sd-guide-point)) 0,
    100% 50%,
    calc(100% - var(--sd-guide-point)) 100%,
    0 100%
  );
}

.sd-signing-guide__label {
  position: relative;
}


.sd-signing-guide:hover {
  filter: var(--sd-drop-shadow-lg);
}

.sd-signing-guide:hover .sd-signing-guide__label {
  text-decoration: underline;
  text-underline-offset: var(--sd-space-2);
}


.sd-signing-guide:active {
  filter: none;
}


.sd-signing-guide[hidden] {
  display: none;
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {

  .sd-signing-guide {
    display: none;
  }
}


@media (forced-colors: active) {

  .sd-signing-guide::before {
    background: ButtonFace;
    border: var(--sd-border-width) solid ButtonText;
  }

  .sd-signing-guide {
    color: ButtonText;
  }

  .sd-signing-guide:focus-visible {
    outline: var(--sd-ring-width) solid CanvasText;
  }
}




@media (any-pointer: coarse) {
  .sd-signing-guide {
    --sd-guide-reach: calc((var(--sd-target-touch) - 32px) / 2);
    height: var(--sd-target-touch);
  }

  .sd-signing-guide::before {
    inset: var(--sd-guide-reach) 0;
  }
}





.sd-page-thumbnails {
  display: block;
  flex: none;
  box-sizing: border-box;
  min-height: 0;
  overflow-y: auto;
  padding: var(--sd-space-24);
  background: var(--sd-color-surface-sunken);
}

.sd-page-thumbnails__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sd-space-24);
  margin: 0;
  padding: 0;
  list-style: none;
}

.sd-page-thumbnails__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sd-space-8);
}

.sd-page-thumbnails__picture {
  display: block;
  
  width: 128px;
  overflow: clip;
  border-radius: var(--sd-radius-sm);
  background: var(--sd-color-surface-default);
  
  box-shadow: 0 0 0 1px var(--sd-color-border-subtle);
  transition: box-shadow var(--sd-duration-base) var(--sd-easing);
}


.sd-page-thumbnails__picture > * {
  border-color: transparent;
}

.sd-page-thumbnails__page {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--sd-color-text-muted);
  font-family: var(--sd-font);
  font-size: var(--sd-text-xs);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-xs-lh);
  white-space: nowrap;
  cursor: pointer;
}


.sd-page-thumbnails__page::after {
  content: '';
  position: absolute;
  inset: calc(-1 * var(--sd-space-4));
  border-radius: var(--sd-radius-md);
}

.sd-page-thumbnails__item:hover .sd-page-thumbnails__picture {
  box-shadow: 0 0 0 1px var(--sd-color-border-hover), var(--sd-shadow-sm);
}

.sd-page-thumbnails__item:hover .sd-page-thumbnails__page {
  color: var(--sd-color-text-default);
}


.sd-page-thumbnails__item:has(> .sd-page-thumbnails__page[aria-current="page"]) .sd-page-thumbnails__picture {
  box-shadow: 0 0 0 var(--sd-ring-width) var(--sd-color-border-selected);
}

.sd-page-thumbnails__page[aria-current="page"] {
  color: var(--sd-color-text-strong);
  font-weight: var(--sd-weight-semibold);
}


.sd-page-thumbnails__page:focus-visible {
  outline: none;
}

.sd-page-thumbnails__page:focus-visible::after {
  outline: var(--sd-ring-width) solid var(--sd-color-border-focus);
  outline-offset: 0;
}


.sd-page-thumbnails:has(~ * [data-sd-mode="signer"]) {
  --sd-thumbs-w: clamp(0px, (100cqi - 680px) / 2, 176px);
  width: var(--sd-thumbs-w);
  padding: calc(var(--sd-thumbs-w) * 24 / 176);
  overflow-x: hidden;
}

.sd-page-thumbnails:has(~ * [data-sd-mode="signer"]) .sd-page-thumbnails__list {
  gap: calc(var(--sd-thumbs-w) * 24 / 176);
}

.sd-page-thumbnails:has(~ * [data-sd-mode="signer"]) .sd-page-thumbnails__picture {
  width: calc(var(--sd-thumbs-w) * 128 / 176);
}


@container sd-editor-shell (max-width: 871px) {
  .sd-page-thumbnails:has(~ * [data-sd-mode="signer"]) .sd-page-thumbnails__page {
    color: transparent;
  }
}


@container sd-editor-shell (max-width: 679px) {

  .sd-page-thumbnails {
    display: none;
  }
}


@media (max-width: 983px) and (max-height: 499px) {

  .sd-page-thumbnails:has(~ * [data-sd-mode="signer"]) {
    display: none;
  }
}


@media (forced-colors: active) {

  .sd-page-thumbnails__item:has(> .sd-page-thumbnails__page[aria-current="page"]) .sd-page-thumbnails__picture {
    outline: var(--sd-ring-width) solid Highlight;
  }

  .sd-page-thumbnails__page:focus-visible::after {
    outline: var(--sd-ring-width) solid CanvasText;
  }
}





.sd-completion-bar {
  flex: none;
  container-type: inline-size;
  box-sizing: border-box;
  padding: var(--sd-space-32) var(--sd-space-24);
  background: var(--sd-color-surface-inverse);
  color: var(--sd-color-text-inverse-muted);
  font-family: var(--sd-font);
  font-size: var(--sd-text-sm);
  font-weight: var(--sd-weight-medium);
  line-height: var(--sd-text-sm-lh);
}


.sd-completion-bar[hidden] {
  display: none;
}

.sd-completion-bar__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: var(--sd-space-24);
  row-gap: var(--sd-space-4);
  
  max-width: 48rem;
  margin: 0 auto;
}

.sd-completion-bar__inner > * {
  grid-column: 1;
  margin: 0;
}

.sd-completion-bar__inner > :last-child:not(:first-child) {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.sd-completion-bar__title {
  color: var(--sd-color-text-inverse);
  font-size: var(--sd-text-lg);
  font-weight: var(--sd-weight-semibold);
  line-height: var(--sd-text-lg-lh);
}


.sd-completion-bar__inner strong {
  color: var(--sd-color-text-inverse);
  font-weight: var(--sd-weight-semibold);
}


.sd-completion-bar__status {
  position: absolute;
  
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}


.sd-completion-bar .sd-completion-bar__inner :focus-visible {
  outline-color: var(--sd-color-border-focus-on-inverse);
}


@container (max-width: 512px) {

  .sd-completion-bar__inner > :last-child:not(:first-child) {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
    margin-top: var(--sd-space-12);
  }
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {

  *:has([data-sd-mode="signer"]) ~ .sd-completion-bar {
    
    flex: 1 0 100%;
    position: sticky;
    bottom: 0;
    z-index: var(--sd-z-float);
    padding: var(--sd-space-16);
    
    padding-bottom: calc(var(--sd-space-16) + env(safe-area-inset-bottom, 0px));
  }
}





.sd-arcade {
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-12);
  width: 100%;
  font-family: var(--sd-font);
  color: var(--sd-showcase-ink, var(--sd-color-text-strong));
}



.sd-arcade__bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--sd-space-8) var(--sd-space-16);
}

.sd-arcade__title {
  margin: 0;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
  font-weight: var(--sd-weight-semibold);
  letter-spacing: var(--sd-tracking-caps);
  text-transform: uppercase;
}

.sd-arcade__score {
  display: flex;
  align-items: center;
  gap: var(--sd-space-24);
  margin: 0;
}

.sd-arcade__stat {
  display: flex;
  align-items: center;
  gap: var(--sd-space-8);
}

.sd-arcade__stat-name {
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  font-weight: var(--sd-weight-medium);
  color: var(--sd-showcase-ink-muted, var(--sd-color-text-muted));
}

.sd-arcade__stat-value {
  margin: 0;
  font-size: var(--sd-text-md);
  line-height: var(--sd-text-md-lh);
  font-weight: var(--sd-weight-bold);
  font-variant-numeric: tabular-nums;
}


.sd-arcade__signed,
.sd-arcade__total {
  display: inline-block;
  min-width: 1.2ch;
  text-align: center;
}

.sd-arcade__ink {
  display: inline-flex;
  align-items: center;
  gap: var(--sd-space-4);
}


.sd-arcade__ink-words {
  white-space: nowrap;
}


.sd-arcade__drop {
  box-sizing: border-box;
  width: var(--sd-space-12);
  height: var(--sd-space-12);
  border-radius: 50% 0 50% 50%;
  rotate: 45deg;
  background: var(--sd-color-border-accent);
  border: var(--sd-border-width) solid var(--sd-color-border-accent);
}

.sd-arcade__drop--spent {
  background: transparent;
}




.sd-arcade__field {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: var(--sd-border-width) solid var(--sd-color-border-on-showcase-rich);
  border-radius: var(--sd-radius-lg);
  background-color: var(--sd-color-surface-showcase-rich);
  background-image:
    radial-gradient(var(--sd-color-border-on-showcase-rich) 1px, transparent 1px),
    linear-gradient(170deg, var(--sd-color-surface-showcase-rich-start), var(--sd-color-surface-showcase-rich) 60%, var(--sd-color-surface-showcase-rich-end));
  background-size: var(--sd-space-20) var(--sd-space-20), 100% 100%;
  color: var(--sd-color-text-inverse);
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}


.sd-arcade__field:focus {
  outline: none;
}

.sd-arcade__fleet {
  position: absolute;
  inset: 0;
}




.sd-arcade__paper {
  position: absolute;
  box-sizing: border-box;
  border-top: var(--sd-space-4) solid var(--sd-color-signer-none-edge);
  border-radius: var(--sd-radius-xs);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-sm);
  overflow: hidden;
  transition: opacity var(--sd-duration-slow) var(--sd-easing-in), scale var(--sd-duration-slow) var(--sd-easing-in);
}


.sd-arcade__paper::before {
  content: "";
  position: absolute;
  top: 18%;
  right: 18%;
  bottom: 42%;
  left: 18%;
  background: repeating-linear-gradient(to bottom, var(--sd-color-border-strong) 0 1px, transparent 1px 36%);
  background-size: 100% 100%;
}


.sd-arcade__paper::after {
  content: "";
  position: absolute;
  right: 18%;
  bottom: 18%;
  left: 18%;
  border-bottom: var(--sd-border-width) dashed var(--sd-color-border-hover);
}

.sd-arcade__paper--contract { border-top-color: var(--sd-color-signer-1-edge); }
.sd-arcade__paper--invoice { border-top-color: var(--sd-color-signer-2-edge); }
.sd-arcade__paper--memo { border-top-color: var(--sd-color-signer-3-edge); }


.sd-arcade__paper--signed {
  display: grid;
  place-items: center;
  border-top-color: var(--sd-color-status-success-fill);
  background: var(--sd-color-status-success-fill);
  color: var(--sd-color-icon-inverse);
}

.sd-arcade__paper--signed::before,
.sd-arcade__paper--signed::after {
  display: none;
}

.sd-arcade__stamp {
  width: 70%;
  height: 70%;
}


.sd-arcade__paper--gone {
  opacity: 0;
  scale: 0.5;
}




.sd-arcade__pen {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--sd-color-icon-inverse);
  filter: var(--sd-drop-shadow-sm);
}

.sd-arcade__nib {
  width: 40%;
  height: 38%;
  background: currentColor;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.sd-arcade__barrel {
  width: 40%;
  height: 62%;
  background: currentColor;
  border-radius: 0 0 var(--sd-radius-full) var(--sd-radius-full);
}


.sd-arcade__pen--cut {
  animation: sd-arcade-blink var(--sd-duration-slow) steps(2, end) infinite;
}

@keyframes sd-arcade-blink {
  from { opacity: 1; }
  to { opacity: 0.25; }
}




.sd-arcade__shot {
  position: absolute;
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-surface-default);
  box-shadow: 0 0 var(--sd-space-8) var(--sd-color-surface-default);
}


.sd-arcade__slip {
  position: absolute;
  border-radius: var(--sd-radius-xs);
  background: var(--sd-color-surface-guide);
  box-shadow: var(--sd-shadow-sm);
  animation: sd-arcade-tumble calc(var(--sd-duration-spin) * 1.5) linear infinite;
}

@keyframes sd-arcade-tumble {
  from { rotate: 0deg; }
  to { rotate: 360deg; }
}




.sd-arcade__card {
  position: absolute;
  inset: 0;
  display: none;
  place-items: center;
  padding: var(--sd-space-8);
  overflow: auto;
  background: var(--sd-color-surface-scrim);
}

.sd-arcade:not([data-sd-arcade-state]) .sd-arcade__card--ready,
.sd-arcade[data-sd-arcade-state="ready"] .sd-arcade__card--ready,
.sd-arcade[data-sd-arcade-state="paused"] .sd-arcade__card--paused,
.sd-arcade[data-sd-arcade-state="won"] .sd-arcade__card--won,
.sd-arcade[data-sd-arcade-state="lost"] .sd-arcade__card--lost {
  display: grid;
}


.sd-arcade__sheet {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sd-space-8);
  box-sizing: border-box;
  
  max-width: 22rem;
  padding: var(--sd-space-16) var(--sd-space-20);
  border-radius: var(--sd-radius-lg);
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-shadow-lg);
  color: var(--sd-color-text-default);
  text-align: center;
}

.sd-arcade__headline {
  margin: 0;
  font-size: var(--sd-text-lg);
  line-height: var(--sd-text-lg-lh);
  font-weight: var(--sd-weight-bold);
  color: var(--sd-color-text-strong);
}

.sd-arcade__line {
  margin: 0;
  font-size: var(--sd-text-sm);
  line-height: var(--sd-text-sm-lh);
}

.sd-arcade__count {
  font-weight: var(--sd-weight-semibold);
  color: var(--sd-color-text-strong);
}


.sd-arcade__why {
  display: inline;
}



.sd-arcade__hint {
  margin: 0;
  font-size: var(--sd-text-xs);
  line-height: var(--sd-text-xs-lh);
  color: var(--sd-showcase-ink-muted, var(--sd-color-text-muted));
  text-align: center;
}


.sd-arcade__key {
  display: inline-block;
  padding: 0 var(--sd-space-4);
  border: var(--sd-border-width) solid currentColor;
  border-radius: var(--sd-radius-sm);
  font-weight: var(--sd-weight-semibold);
}


.sd-arcade__status {
  margin: 0;
}


@media (prefers-reduced-motion: reduce) {
  .sd-arcade__paper {
    transition: none;
  }

  .sd-arcade__slip,
  .sd-arcade__pen--cut {
    animation: none;
  }

  .sd-arcade__pen--cut {
    opacity: 0.5;
  }
}





.sd-action-bar {
  display: contents;
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-action-bar {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: var(--sd-z-float);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--sd-space-8);
    margin: 0;
    
    padding: var(--sd-space-8)
             calc(var(--sd-space-12) + env(safe-area-inset-right, 0px))
             calc(var(--sd-space-8) + env(safe-area-inset-bottom, 0px))
             calc(var(--sd-space-12) + env(safe-area-inset-left, 0px) + var(--sd-action-bar-lead, 0px));
    background: var(--sd-color-surface-default);
    border-top: var(--sd-border-width) solid var(--sd-color-border-subtle);
  }

  
  .sd-action-bar > * {
    flex: none;
    min-height: var(--sd-target-touch);
  }

  
  .sd-action-bar > :last-child {
    flex: 1 1 auto;
    
    max-width: 24rem;
    margin-inline-start: auto;
  }

  
  :root:has(.sd-action-bar) {
    --sd-action-bar-reserve: calc(var(--sd-target-touch) + 2 * var(--sd-space-8)
                                  + var(--sd-border-width)
                                  + env(safe-area-inset-bottom, 0px));
    scroll-padding-bottom: var(--sd-action-bar-reserve);
  }

  .sd-page:has(.sd-action-bar) {
    padding-bottom: var(--sd-action-bar-reserve);
  }
}




@media (forced-colors: active) {
  .sd-action-bar {
    border-top-color: CanvasText;
  }
}





:root {
  --sd-sheet-here: 0;
  
  --sd-sheet-peek: calc(var(--sd-space-24) + 2 * var(--sd-target-touch));
  --sd-sheet-half: 50dvh;
  --sd-sheet-full: calc(100dvh - var(--sd-space-48));
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  :root {
    --sd-sheet-here: 1;
  }
}



.sd-sheet {
  --sd-sheet-h: var(--sd-sheet-half);
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--sd-color-text-default);
  overflow: hidden;
  font-family: var(--sd-font);
  
  flex-direction: column;
  justify-content: flex-end;
}

.sd-sheet[open] {
  display: flex;
}


.sd-sheet--modeless {
  pointer-events: none;
}


.sd-sheet--modeless {
  z-index: var(--sd-z-overlay);
  inset: 0 0 var(--sd-action-bar-reserve, 0px) 0;
}

.sd-sheet--modeless > .sd-sheet__panel {
  pointer-events: auto;
}


.sd-sheet--modeless {
  bottom: var(--sd-action-bar-reserve, 0px);
  --sd-sheet-full: calc(100dvh - var(--sd-space-48) - var(--sd-action-bar-reserve, 0px));
}

.sd-sheet--modeless > .sd-sheet__panel {
  padding-bottom: max(0px, env(safe-area-inset-bottom, 0px) - var(--sd-action-bar-reserve, 0px));
}

.sd-sheet::backdrop {
  background: var(--sd-color-surface-scrim);
}


.sd-sheet:focus-visible {
  outline: none;
}

.sd-sheet--peek,
.sd-sheet__panel.sd-sheet--peek {
  --sd-sheet-h: var(--sd-sheet-peek);
}

.sd-sheet--full,
.sd-sheet__panel.sd-sheet--full {
  --sd-sheet-h: var(--sd-sheet-full);
}



.sd-sheet__panel {
  
  --sd-label-col: calc(100 * var(--sd-text-unit));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  
  height: var(--sd-sheet-h, var(--sd-sheet-half));
  max-height: var(--sd-sheet-full);
  min-height: 0;
  padding: 0 env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  border-top: var(--sd-border-width) solid var(--sd-color-border-default);
  border-radius: var(--sd-sheet-radius) var(--sd-sheet-radius) 0 0;
  background: var(--sd-color-surface-default);
  box-shadow: var(--sd-sheet-shadow);
  overflow: hidden;
  transition: height var(--sd-duration-slow) var(--sd-easing-out);
}

.sd-sheet[open] > .sd-sheet__panel,
.sd-sheet__panel.sd-sheet--worn {
  animation: sd-sheet-rise var(--sd-duration-slow) var(--sd-easing-out);
}

@keyframes sd-sheet-rise {
  from { transform: translateY(100%); }
}


.sd-sheet--dragging,
.sd-sheet--dragging > .sd-sheet__panel {
  transition: none;
  user-select: none;
}


.sd-sheet__body {
  flex: 1 1 auto;
  min-height: 0;
  padding: calc(var(--sd-ring-offset) + var(--sd-ring-width));
  overflow: auto;
  overscroll-behavior: contain;
}


.sd-sheet__handle {
  position: relative;
  z-index: var(--sd-z-raised);
  flex: none;
  display: block;
  width: 100%;
  height: var(--sd-space-24);
  margin: 0 0 calc(var(--sd-space-24) - var(--sd-target-touch));
  
  padding: 0 0 20px;
  box-sizing: content-box;
  border: 0;
  border-radius: var(--sd-sheet-radius) var(--sd-sheet-radius) 0 0;
  background: transparent;
  cursor: grab;
  touch-action: none;
}

.sd-sheet__handle::before {
  content: "";
  position: absolute;
  
  top: 10px;
  left: calc(50% - 18px);
  
  width: 36px;
  height: var(--sd-space-4);
  border-radius: var(--sd-radius-full);
  background: var(--sd-color-border-strong);
}

.sd-sheet__handle:hover::before,
.sd-sheet--dragging .sd-sheet__handle::before {
  background: var(--sd-color-icon-muted);
}

.sd-sheet--dragging .sd-sheet__handle {
  cursor: grabbing;
}

.sd-sheet__handle:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}


.sd-sheet__close {
  position: absolute;
  top: var(--sd-space-4);
  right: calc(var(--sd-space-4) + env(safe-area-inset-right, 0px));
  z-index: calc(var(--sd-z-raised) + 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  
  width: var(--sd-target-touch);
  height: var(--sd-target-touch);
  padding: 0;
  border: 0;
  border-radius: var(--sd-radius-md);
  background: transparent;
  color: var(--sd-color-icon-default);
  cursor: pointer;
}

.sd-sheet__close:hover {
  background: var(--sd-color-surface-hover);
}

.sd-sheet__close:focus-visible {
  outline-offset: var(--sd-ring-offset-inset);
}


.sd-sheet__close::before,
.sd-sheet__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--sd-icon-md);
  height: calc(2 * var(--sd-border-width));
  border-radius: var(--sd-radius-full);
  background: currentColor;
}

.sd-sheet__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.sd-sheet__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}


.sd-sheet__panel.sd-sheet--worn {
  position: fixed;
  
  inset: auto 0 var(--sd-action-bar-reserve, 0px) 0;
  z-index: var(--sd-z-overlay);
  width: auto;
  max-height: calc(var(--sd-sheet-full) - var(--sd-action-bar-reserve, 0px));
  margin: 0;
  padding-bottom: max(0px, env(safe-area-inset-bottom, 0px) - var(--sd-action-bar-reserve, 0px));
}

.sd-sheet--worn > :not(.sd-sheet__handle, .sd-sheet__close) {
  flex: 1 1 auto;
  min-height: 0;
  border-inline-width: 0;
}


.sd-sheet--standing {
  
  --sd-sheet-peek: calc(var(--sd-space-24) + 2 * var(--sd-target-touch));
  --sd-sheet-half: 15rem;
  --sd-sheet-full: calc(30rem - var(--sd-space-48));
  position: relative;
  inset: auto;
  display: flex;
  width: 100%;
  
  height: 30rem;
  background: var(--sd-color-surface-scrim);
}

.sd-sheet--standing.sd-sheet--modeless {
  background: var(--sd-color-surface-subtle);
  pointer-events: auto;
}

.sd-sheet--standing > .sd-sheet__panel {
  animation: none;
}


@media (forced-colors: active) {
  .sd-sheet__panel {
    border: var(--sd-border-width) solid CanvasText;
  }
  .sd-sheet__handle::before {
    background: CanvasText;
  }
}





.sd-app-panel {
  box-sizing: border-box;
  
  width: min(34rem, 100%);
  background: var(--sd-color-surface-default);
  color: var(--sd-color-text-default);
  box-shadow: var(--sd-shadow-lg);
  font-family: var(--sd-font);
}


.sd-app-panel--wide {
  width: min(42.5rem, 100%);
}


@media (max-width: 583px), (max-width: 983px) and (max-height: 499px) {
  .sd-app-panel,
  .sd-app-panel--wide {
    width: 100%;
  }
}



dialog.sd-app-panel {
  position: fixed;
  inset: 0 0 0 auto;
  max-width: none;
  height: 100vh;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0 env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) 0;
  border: 0;
  overflow: auto;
}

dialog.sd-app-panel[open] {
  display: flex;
  flex-direction: column;
  animation: sd-app-panel-in var(--sd-duration-slow) var(--sd-easing-out);
}

dialog.sd-app-panel:not([open]) {
  display: none;
}

@keyframes sd-app-panel-in {
  from { transform: translateX(100%); }
}

dialog.sd-app-panel::backdrop,
.sd-app-panel__scrim {
  background: var(--sd-color-surface-scrim);
}

.sd-app-panel__scrim {
  cursor: pointer;
}


dialog.sd-app-panel:focus-visible {
  outline: none;
}


dialog.sd-app-panel > * {
  flex: 1 1 auto;
  min-height: 0;
}


.sd-app-panel--standing {
  
  height: 30rem;
}

dialog.sd-app-panel.sd-app-panel--standing {
  position: relative;
  inset: auto;
  margin-left: auto;
  animation: none;
}


@media (forced-colors: active) {
  .sd-app-panel {
    border-left: var(--sd-border-width) solid CanvasText;
  }
}

}