.is-dev-mode .section-sidebar-nav{pointer-events:none}.is-dev-mode .section-sidebar-nav a,.is-dev-mode .section-sidebar-nav summary,.is-dev-mode .section-sidebar-nav button,.is-dev-mode .section-sidebar-nav [contenteditable=true]{pointer-events:auto}.is-dev-mode [data-dev-section-reorderable]{position:relative}.is-dev-mode [data-dev-section-reorderable]:is(:hover,.is-section-lifted-session,.is-dev-section-controls-visible){z-index:60}.is-dev-mode [data-dev-spacing-document]:has(>.dev-gap-toolbar.is-near-add),.is-dev-mode [data-dev-spacing-document]:has(>.dev-gap-toolbar.is-near-spacing),.is-dev-mode [data-dev-spacing-document].is-dev-spacing-dirty{position:relative;z-index:65}.is-dev-mode [data-dev-spacing-document]:has(>.dev-gap-toolbar.is-menu-open){position:relative;z-index:80}.is-dev-mode [data-dev-project-drop-zone]{position:relative;border-radius:.15em}.is-dev-mode [data-dev-project-drop-zone]>[data-dev-spacing-document]{position:relative;z-index:25}html.is-section-reorder-dragging [data-dev-project-drop-zone]{isolation:isolate;z-index:70}html.is-page-top-gap-above-header.is-dev-mode [data-dev-project-drop-zone]{isolation:isolate;z-index:55}.is-dev-mode [data-dev-project-drop-zone].is-section-order-dirty{outline:2px dashed color-mix(in srgb,currentColor 45%,transparent);outline-offset:.75em;transition:outline-color .2s ease}.dev-section-drag-bridge{position:absolute;top:0;bottom:0;left:calc(var(--dev-section-inset, 0px) - 4.5em);width:4.5em;z-index:2;pointer-events:none}.is-dev-mode [data-dev-section-reorderable].is-dev-section-controls-visible>.dev-section-drag-bridge,.is-dev-mode [data-dev-section-reorderable]:hover>.dev-section-drag-bridge{pointer-events:auto}.dev-section-drag-handle{position:absolute;top:var(--dev-section-anchor-y, 50%);left:var(--dev-section-inset, 0px);z-index:80;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-control);background:transparent;padding:.45em .55em;color:var(--sys-color-on-srf);font:inherit;font-size:.75rem;line-height:1;cursor:grab;opacity:0;pointer-events:none;transform:translate(calc(-100% - .55em),-50%);transition:opacity .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease;touch-action:none}@media(max-width:40em){.dev-section-drag-handle{transform:translate(.55em,-50%)}.dev-section-drag-bridge{display:none}}.is-dev-mode [data-dev-section-reorderable].is-dev-section-controls-visible:not(:has(>.dev-gap-toolbar :hover,>.dev-gap-toolbar:focus-within))>.dev-section-drag-handle,.is-dev-mode [data-dev-section-reorderable]:hover:not(:has(>.dev-gap-toolbar :hover,>.dev-gap-toolbar:focus-within))>.dev-section-drag-handle,.is-dev-mode .dev-section-drag-handle:hover,.is-dev-mode [data-dev-section-reorderable].is-section-lifted-session>.dev-section-drag-handle{opacity:1;pointer-events:auto}.is-dev-mode .dev-section-drag-handle:hover,.is-dev-mode .dev-section-drag-handle:focus-visible,.is-dev-mode .dev-section-drag-handle:active,html.is-section-reorder-holding [data-dev-section-reorderable].is-section-lifted-session>.dev-section-drag-handle{background:color-mix(in srgb,var(--sys-color-srf-container) 92%,transparent);backdrop-filter:blur(8px);transform:translate(calc(-100% - .55em),-50%) scale(1.08)}.is-dev-mode .dev-section-drag-handle:active,html.is-section-reorder-holding [data-dev-section-reorderable].is-section-lifted-session>.dev-section-drag-handle{box-shadow:0 .35em 1.1em #00000029}@media(max-width:40em){.is-dev-mode .dev-section-drag-handle:hover,.is-dev-mode .dev-section-drag-handle:focus-visible,.is-dev-mode .dev-section-drag-handle:active,html.is-section-reorder-holding [data-dev-section-reorderable].is-section-lifted-session>.dev-section-drag-handle{transform:translate(.55em,-50%) scale(1.08)}}.is-dev-mode .is-section-lifted{position:relative;isolation:isolate;pointer-events:none;touch-action:none;transform:scale(1);transition:transform .2s ease-out}.is-dev-mode .is-section-lifted.is-dropping{transition:none;transform:scale(1)}.is-dev-mode .is-section-lifted.is-lifted-raised,.is-dev-mode .is-section-lifted.is-lifted-raised.is-dropping{transform:scale(1.02)}@media(prefers-reduced-motion:reduce){.is-dev-mode .is-section-lifted{transition:none}}.is-dev-mode .is-section-lifted.is-section-lifted-session{pointer-events:auto}.dev-section-lift-backdrop{--section-lift-card-inset: .75em;position:absolute;inset:calc(-1 * var(--section-lift-card-inset, .75em));left:calc(var(--dev-section-inset, 0px) - var(--section-lift-card-inset, .75em));right:calc(var(--dev-section-inset-end, 0px) - var(--section-lift-card-inset, .75em));z-index:-1;background:var(--section-lift-background, var(--sys-color-srf));border-radius:var(--radius-control-smooth, .35em);opacity:0;box-shadow:none;pointer-events:none;transition:opacity .2s ease-out,box-shadow .2s ease-out}.dev-section-lift-backdrop.is-visible{opacity:1;box-shadow:0 .85em 2.4em #0000002e}.is-dev-mode [data-dev-section-reorderable].is-section-flip-moving{position:relative;z-index:90;will-change:transform}.dev-section-drop-indicator.is-section-flip-moving,.dev-section-source-gap-indicator.is-section-flip-moving{will-change:transform}.is-dev-mode [data-dev-section-reorderable].is-section-flip-moving:before{content:"";position:absolute;inset:calc(-1 * var(--section-lift-card-inset, .75em));left:calc(var(--dev-section-inset, 0px) - var(--section-lift-card-inset, .75em));right:calc(var(--dev-section-inset-end, 0px) - var(--section-lift-card-inset, .75em));z-index:-1;background:var(--section-lift-background, var(--sys-color-srf));border-radius:var(--radius-control-smooth, .35em);pointer-events:none}.project-interactive-demo>.dev-section-lift-backdrop,.is-dev-mode .project-interactive-demo.is-section-flip-moving:before{border-radius:calc(var(--radius-control-smooth) + var(--section-lift-card-inset, .75em))}html.is-section-reorder-dragging{touch-action:none;user-select:none;overflow-anchor:none}.dev-section-source-gap-indicator{position:absolute;right:0;bottom:100%;left:0;z-index:-2;box-sizing:border-box;margin:0!important;border:1px dashed color-mix(in srgb,var(--sys-color-on-srf-variant) 55%,transparent);pointer-events:none}.is-dev-mode [data-dev-spacing-document].is-dev-gap-preview-suppressed:before{content:none!important}.dev-section-drop-indicator[data-dev-section-preserved-gap-dirty]{position:relative}.dev-section-drop-indicator[data-dev-section-preserved-gap-dirty]:before{content:"";position:absolute;right:0;bottom:100%;left:0;z-index:-2;box-sizing:border-box;height:var(--dev-section-preserved-gap-height, 0px);border:1px dashed color-mix(in srgb,var(--sys-color-on-srf-variant) 55%,transparent);pointer-events:none}html.is-section-reorder-holding{cursor:grabbing}html.is-section-reorder-dragging [data-dev-project-drop-zone],html.is-section-reorder-dragging .dev-section-drop-indicator,html.is-section-reorder-dragging [data-dev-section-reorderable]{overflow-anchor:none}html.is-section-reorder-dragging .dev-section-drag-handle{opacity:0;pointer-events:none}html.is-section-reorder-holding .dev-section-drag-handle{cursor:grabbing}html.is-section-reorder-dragging [data-dev-section-reorderable]:is(.is-section-lifted-session,.is-section-dragging)>.dev-section-drag-handle{opacity:1;pointer-events:auto}html.is-section-reorder-dragging [data-dev-section-reorderable]:not(.is-section-lifted-session,.is-section-dragging):hover>.dev-section-drag-bridge,html.is-section-reorder-dragging [data-dev-section-reorderable]:not(.is-section-lifted-session,.is-section-dragging)>.dev-section-drag-handle{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.dev-section-lift-backdrop{transition:none}.dev-section-lift-backdrop.is-visible{opacity:1;box-shadow:0 .35em 1.2em #0000001f}}.is-dev-mode [data-dev-project-drop-zone]>.dev-section-drop-indicator{margin-inline:0}.is-dev-mode [data-dev-project-drop-zone]>.dev-section-drop-indicator[data-dev-section-insert-at-start]+.is-drop-preview-below{margin-top:var(--space-related)!important}.dev-section-reorder-spacer{box-sizing:border-box;padding:0;border:0;pointer-events:none;visibility:hidden}.dev-section-drop-indicator{--section-lift-card-inset: .75em;position:relative;display:grid;grid-template-rows:var(--gap-top, 0px) auto var(--gap-bottom, 0px);margin:0;padding:0;border:none;background:transparent;overflow:visible;pointer-events:none}.dev-section-drop-indicator__body{position:relative;grid-row:2;justify-self:stretch;box-sizing:border-box;min-height:0;height:0;width:100%;margin:0;border:0;background:transparent;opacity:0;overflow:visible;pointer-events:none;transition:height .14s ease-out,opacity 90ms ease-out}.dev-section-drop-indicator__body:after{content:"";position:absolute;inset:calc(-1 * var(--section-lift-card-inset, .75em) + var(--section-slot-card-inset, 2px));left:calc(var(--dev-section-inset, 0px) - var(--section-lift-card-inset, .75em) + var(--section-slot-card-inset, 2px));right:calc(var(--dev-section-inset-end, 0px) - var(--section-lift-card-inset, .75em) + var(--section-slot-card-inset, 2px));box-sizing:border-box;border:1px dashed transparent;border-radius:var(--radius-control-smooth, .35em);background:transparent;pointer-events:none;transition:background-color 90ms ease-out,border-color 90ms ease-out}.dev-section-drop-indicator.is-visible .dev-section-drop-indicator__body{height:var(--gap-height, 0px);opacity:1}.dev-section-drop-indicator.is-visible .dev-section-drop-indicator__body:after{border-color:color-mix(in srgb,var(--sys-color-on-srf-variant) 45%,transparent);background:color-mix(in srgb,var(--sys-color-srf-container-low) 85%,transparent)}.dev-section-drop-indicator.is-fading-out .dev-section-drop-indicator__body{opacity:0;transition:opacity 90ms ease-out}.dev-section-drop-indicator.is-visible.is-exiting .dev-section-drop-indicator__body,.dev-section-drop-indicator.is-exiting .dev-section-drop-indicator__body{height:0;opacity:0;transition:height .14s ease-out,opacity 90ms ease-out}.dev-section-drop-indicator.is-repositioning .dev-section-drop-indicator__body{transition-property:height;transition-duration:0s;transition-timing-function:ease-out}.dev-section-drop-indicator.is-repositioning .dev-section-drop-indicator__body:after{transition-duration:0s}.dev-section-drop-indicator__body.is-drop-indicator-fade-ghost{position:fixed;margin:0;box-sizing:border-box;pointer-events:none;z-index:-1;overflow:visible;border:0;background:transparent;border-radius:0}.dev-section-drop-indicator__body.is-drop-indicator-fade-ghost:after{border-color:color-mix(in srgb,var(--sys-color-on-srf-variant) 45%,transparent);background:color-mix(in srgb,var(--sys-color-srf-container-low) 85%,transparent)}@media(prefers-reduced-motion:reduce){.dev-section-drop-indicator__body{transition:opacity 90ms ease-out}.dev-section-drop-indicator__body:after{transition:background-color 90ms ease-out,border-color 90ms ease-out}.dev-section-drop-indicator.is-visible .dev-section-drop-indicator__body{height:var(--gap-height, 0px);opacity:1}}.is-dev-mode [data-dev-section-reorderable].is-section-dragging{opacity:.55;outline:2px solid #6f6b62;outline-offset:2px}.is-dev-mode [data-dev-section-reorderable].is-section-drop-target{outline:2px solid #6f6b62;outline-offset:2px}.is-dev-mode [data-dev-section-reorderable].is-section-dragging .dev-section-drag-handle{opacity:1;pointer-events:auto}html.is-section-reorder-holding [data-dev-section-reorderable].is-section-dragging .dev-section-drag-handle{cursor:grabbing}.is-dev-mode.is-dev-text-caret [data-dev-section-reorderable]>.dev-section-drag-handle,.is-dev-mode.is-dev-text-caret [data-dev-section-reorderable]>.dev-section-drag-bridge,.is-dev-mode.is-dev-text-caret [data-dev-section-reorderable].is-dev-section-controls-visible>.dev-section-drag-handle{opacity:0!important;pointer-events:none!important}
