as-media-hero[drag]{--media-hero-drag-settle:var(--as-time-m);--media-hero-drag-ghost-color:var(--as-color-highlight);--media-hero-drag-grid-color:rgb(from var(--as-color-text-inverted) r g b/.14)}as-media-hero[drag] .media-hero__panel{cursor:grab}as-media-hero[dragging] .media-hero__panel{cursor:grabbing;transition:none!important;user-select:none}as-media-hero[dragging] .media-hero__panel,as-media-hero[settling] .media-hero__panel{transform:translate(var(--media-hero-drag-x,0),var(--media-hero-drag-y,0))!important;z-index:var(--as-index-masked)}as-media-hero[settling] .media-hero__panel{transition:transform var(--media-hero-drag-settle) cubic-bezier(.2,.8,.2,1)!important}.media-hero__dropzones{background-image:linear-gradient(to right,transparent calc(33.33333% - .5px),var(--media-hero-drag-grid-color) calc(33.33333% - .5px),var(--media-hero-drag-grid-color) calc(33.33333% + .5px),transparent calc(33.33333% + .5px),transparent calc(66.66667% - .5px),var(--media-hero-drag-grid-color) calc(66.66667% - .5px),var(--media-hero-drag-grid-color) calc(66.66667% + .5px),transparent calc(66.66667% + .5px)),linear-gradient(to bottom,transparent calc(33.33333% - .5px),var(--media-hero-drag-grid-color) calc(33.33333% - .5px),var(--media-hero-drag-grid-color) calc(33.33333% + .5px),transparent calc(33.33333% + .5px),transparent calc(66.66667% - .5px),var(--media-hero-drag-grid-color) calc(66.66667% - .5px),var(--media-hero-drag-grid-color) calc(66.66667% + .5px),transparent calc(66.66667% + .5px));bottom:var(--media-hero-drag-pad-bottom,0);left:var(--media-hero-drag-pad-left,0);pointer-events:none;position:absolute;right:var(--media-hero-drag-pad-right,0);top:var(--media-hero-drag-pad-top,0);z-index:var(--as-index-default)}.media-hero__dropzone{background:rgb(from var(--media-hero-drag-ghost-color) r g b/.08);border:var(--as-size-thin) dashed var(--media-hero-drag-ghost-color);border-radius:var(--media-hero-panel-radius);box-sizing:border-box;position:absolute;transition:left var(--as-time-s) ease-out,top var(--as-time-s) ease-out}@media (prefers-reduced-motion:reduce){.media-hero__dropzone{transition:none}as-media-hero[settling] .media-hero__panel{transition:none!important}}