.dev-overlay[data-dev-panel-key=asset-manager]{height:min(36em,calc(100vh - 2em))}.dev-asset-manager__body{flex:1 1 auto;min-height:0;display:flex;gap:12px}.dev-asset-manager__footer{display:flex;align-items:center;justify-content:space-between}.dev-asset-manager__footer[hidden]{display:none}.dev-asset-manager__sidebar{width:176px;flex:0 0 176px;align-self:stretch;padding:11px;border-radius:var(--dev-radius-control);background:var(--sys-color-srf-container-low);display:flex;flex-direction:column;gap:8px;overflow:auto}.dev-asset-manager__sidebar-label{margin:0;font:var(--dev-text-field-label);color:var(--sys-color-on-srf-variant)}.dev-asset-manager__projects{display:grid;gap:.15em}.dev-asset-manager__project{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;padding:8px;border:0;border-radius:var(--dev-radius-control);background:var(--comp-button-soft-container);color:var(--comp-button-label);font:var(--dev-text-label);cursor:pointer;text-align:left}.dev-asset-manager__project:hover{background:var(--comp-button-soft-container-hover)}.dev-asset-manager__project:active{background:var(--comp-button-soft-container-pressed)}.dev-asset-manager__project.is-active{background:var(--comp-button-page-container);color:var(--comp-button-label)}.dev-asset-manager__project.is-active:hover,.dev-asset-manager__project.is-active:active{background:var(--comp-button-page-container)}.dev-asset-manager__filters .dev-btn{background:var(--comp-button-soft-container);color:var(--comp-button-label)}.dev-asset-manager__filters .dev-btn:hover{background:var(--comp-button-soft-container-hover)}.dev-asset-manager__filters .dev-btn:active{background:var(--comp-button-soft-container-pressed)}.dev-asset-manager__filters .dev-btn.is-active{background:var(--comp-button-page-container);color:var(--comp-button-label)}.dev-asset-manager__filters .dev-btn.is-active:hover,.dev-asset-manager__filters .dev-btn.is-active:active{background:var(--comp-button-page-container)}.dev-asset-manager__project:before{content:"";width:.22em;height:.22em;border-radius:50%;flex-shrink:0;background:transparent}.dev-asset-manager__project.is-current-page:before{background:var(--sys-color-on-srf-variant)}.dev-asset-manager__project-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-asset-manager__divider{border:0;margin:0;height:1px;width:100%;background:var(--sys-color-outline)}.dev-asset-manager__filters{display:flex;flex-direction:column;gap:0;width:100%}.dev-asset-manager__main{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}.dev-asset-manager__status,.dev-asset-manager__count{margin:0;font:var(--dev-text-status);color:var(--sys-color-on-srf-variant)}.dev-asset-manager__grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5em,1fr));grid-auto-rows:min-content;gap:8px;align-content:start;align-items:start;justify-items:stretch;overflow:auto;min-height:0}.dev-asset-manager__card{position:relative;width:100%;height:auto;max-height:none;border:0;border-radius:var(--dev-radius-control);overflow:hidden;background:var(--sys-color-srf-container)}.dev-asset-manager__card:before{content:"";display:block;width:100%;padding-bottom:75%}.dev-asset-manager__card.is-selected:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--sys-color-outline);pointer-events:none}.dev-asset-manager__thumb{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.dev-asset-manager__thumb img{width:100%;height:100%;object-fit:cover;display:block}.dev-asset-manager__badge{position:absolute;z-index:1;top:4px;left:4px;display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:5px;background:var(--comp-button-soft-container);color:var(--sys-color-on-srf);font:var(--dev-text-badge);white-space:nowrap;pointer-events:none}.dev-asset-manager__trash{position:absolute;z-index:1;right:.3em;bottom:.3em;display:grid;place-items:center;width:1.55em;height:1.55em;padding:0;border:0;border-radius:var(--dev-radius-control-in-container);background:var(--comp-button-soft-container);color:var(--sys-color-on-srf);cursor:pointer;opacity:0;transition:opacity .12s ease,background-color .2s ease,color .2s ease}.dev-asset-manager__card:hover .dev-asset-manager__trash,.dev-asset-manager__card:focus-within .dev-asset-manager__trash,.dev-asset-manager__trash:focus-visible{opacity:1}.dev-asset-manager__trash:hover{background:var(--comp-button-danger-container);color:var(--comp-button-danger-label)}.dev-asset-manager__actions{display:flex;align-items:center;gap:8px}.dev-asset-manager__actions button:disabled{opacity:var(--dev-opacity-disabled);cursor:not-allowed}html.is-dev-asset-manager-open .dev-gap-toolbar__add,html.is-dev-asset-manager-open .dev-gap-toolbar__spacing{opacity:0!important;pointer-events:none!important}@media(max-width:40em){.dev-asset-manager__body{flex-direction:column}.dev-asset-manager__sidebar{width:100%;flex:0 0 auto}.dev-overlay[data-dev-panel-key=asset-manager]{height:min(90vh,calc(100vh - 2em))}}.dev-overlay[data-demo-asset-picker]{top:var(--space-unit);bottom:auto;left:max(var(--space-unit),calc((100vw - 52rem)/2));right:auto;margin:0;width:min(52rem,calc(100vw - var(--space-unit) * 2));min-width:0;height:min(36rem,calc(100dvh - var(--space-unit) * 2));max-height:calc(100dvh - var(--space-unit) * 2)}.dev-overlay[data-demo-asset-picker]:focus{outline:none}[data-demo-asset-picker] .dev-overlay__resize{display:none}[data-demo-asset-picker] .dev-asset-manager__sidebar{width:max-content;flex:0 0 auto}[data-demo-asset-picker] .dev-asset-manager__project:before{content:none}[data-demo-asset-picker] .dev-asset-manager__project-label{overflow:visible}[data-demo-asset-picker] .dev-asset-manager__grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:40em){[data-demo-asset-picker] .dev-asset-manager__sidebar{width:100%;max-height:10rem}[data-demo-asset-picker] .dev-asset-manager__project-label{white-space:normal;overflow-wrap:anywhere}}svg.loading-spinner{--spinner-cycle: .7s;--spinner-first-cycle: 1.19s;--spinner-wait: .2s;--spinner-step: calc(var(--spinner-cycle) / 8);--spinner-first-step: calc(var(--spinner-first-cycle) / 8);--spinner-rise: calc(var(--spinner-cycle) * .08);--spinner-first-rise: calc(var(--spinner-first-cycle) * .08)}svg.loading-spinner>g:nth-child(1){--loader-spoke-index: 0}svg.loading-spinner>g:nth-child(2){--loader-spoke-index: 1}svg.loading-spinner>g:nth-child(3){--loader-spoke-index: 2}svg.loading-spinner>g:nth-child(4){--loader-spoke-index: 3}svg.loading-spinner>g:nth-child(5){--loader-spoke-index: 4}svg.loading-spinner>g:nth-child(6){--loader-spoke-index: 5}svg.loading-spinner>g:nth-child(7){--loader-spoke-index: 6}svg.loading-spinner>g:nth-child(8){--loader-spoke-index: 7}svg.loading-spinner>g>rect{--spinner-enter-delay: calc(var(--spinner-wait) + var(--loader-spoke-index) * var(--spinner-first-step));--spinner-pulse-delay: calc(var(--spinner-wait) + var(--spinner-first-cycle) + var(--spinner-first-rise) - var(--spinner-rise) + var(--loader-spoke-index) * var(--spinner-step));--spinner-tail-delay: calc(var(--spinner-enter-delay) + var(--spinner-first-rise));--spinner-tail-duration: calc(var(--spinner-pulse-delay) - var(--spinner-tail-delay));opacity:0;animation:loading-spinner-enter var(--spinner-first-rise) linear var(--spinner-enter-delay) both,loading-spinner-tail var(--spinner-tail-duration) linear var(--spinner-tail-delay) forwards,loading-spinner-pulse var(--spinner-cycle) linear var(--spinner-pulse-delay) infinite}@keyframes loading-spinner-enter{0%{opacity:0}to{opacity:1}}@keyframes loading-spinner-tail{0%{opacity:1}to{opacity:.15}}@keyframes loading-spinner-pulse{0%,to{opacity:.15}8%{opacity:1}}.tapico-crop-tuner__setting-meta{display:inline-flex;align-items:center;gap:.25rem;margin-left:auto;font-size:.6875rem;white-space:nowrap}.tapico-crop-tuner__setting-meta [data-inheritance=local]{color:var(--ref-palette-blue-400)}.tapico-crop-tuner__setting-meta [data-inheritance=inherited]{color:var(--ref-palette-orange-400)}.tapico-crop-tuner__crop-label{margin-bottom:-.5rem}.tapico-crop-tuner__background-value{display:flex;align-items:center;gap:.5rem}.tapico-crop-tuner__background-value input{min-width:0;flex:1}.tapico-crop-tuner__background-swatch{position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;border:1px solid var(--sys-color-outline-variant);border-radius:.25rem;cursor:pointer}.tapico-crop-tuner__background-swatch:after{content:"";position:absolute;inset:-8px}[data-crop-background-wrap][hidden]{display:none}color-picker[data-crop-background-picker]{position:absolute;width:0;height:0;overflow:visible;--font: var(--font-sans);--bg-primary: var(--sys-color-srf);--bg-secondary: var(--sys-color-srf-container-low);--bg-header: var(--sys-color-srf-container-high);--border-color-primary: var(--sys-color-outline-variant);--border-color-secondary: var(--sys-color-on-srf);--txt-color-primary: var(--sys-color-on-srf)}.tapico-crop-tuner__pair{display:none;gap:var(--space-unit)}.tapico-crop-tuner__pair:has(>*:not([hidden])){display:flex}.tapico-crop-tuner__pair>*{flex:1 1 0;min-width:0}.tapico-crop-tuner{position:relative;display:flex;flex-direction:column;gap:.7em}.tapico-crop-tuner__linked-aspect-hint{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;background:transparent;color:var(--sys-color-on-srf-subtle);cursor:help}.tapico-crop-tuner__linked-aspect-icon{display:inline-flex}.tapico-crop-tuner__linked-aspect-tooltip{position:absolute;left:calc(100% + 6px);top:50%;z-index:2;width:max-content;max-width:14em;padding:6px 8px;border-radius:var(--dev-radius-control);background:var(--sys-color-inverse-srf);color:var(--sys-color-inverse-on-srf-subtle);font:var(--dev-text-label);pointer-events:none;opacity:0;transform:translateY(-50%) translate(4px);transition:opacity .15s ease,transform .15s ease}.tapico-crop-tuner__linked-aspect-hint:focus-visible .tapico-crop-tuner__linked-aspect-tooltip,.tapico-crop-tuner__linked-aspect-hint:hover .tapico-crop-tuner__linked-aspect-tooltip{opacity:1;transform:translateY(-50%) translate(0)}@media(prefers-reduced-motion:reduce){.tapico-crop-tuner__linked-aspect-tooltip{transform:translateY(-50%);transition:opacity .15s ease}.tapico-crop-tuner__linked-aspect-hint:focus-visible .tapico-crop-tuner__linked-aspect-tooltip,.tapico-crop-tuner__linked-aspect-hint:hover .tapico-crop-tuner__linked-aspect-tooltip{transform:translateY(-50%)}}.tapico-crop-tuner__stage{display:flex;align-items:center;justify-content:center;min-height:14em;padding:.85em;background:var(--sys-color-srf-container-low);border-radius:var(--dev-radius-control);overflow:hidden}.tapico-crop-tuner__preview{position:relative;width:100%;aspect-ratio:16 / 10;overflow:visible;border:0;background:transparent;cursor:grab;touch-action:none;user-select:none;--tuner-content-w: 1;--tuner-content-cx: .5;--tuner-content-cy: .5}.tapico-crop-tuner__preview:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;outline:1px solid color-mix(in srgb,var(--sys-color-on-srf) 35%,transparent);outline-offset:-1px}.tapico-crop-tuner__preview-clip{position:absolute;inset:0;overflow:hidden;background:var(--sys-color-srf-container-low)}.tapico-crop-tuner__preview:not(.tapico-crop-tuner__preview--placeholder) .project-media__placeholder-label{display:none}.tapico-crop-tuner__preview--placeholder .tapico-crop-tuner__preview-clip{background:var(--sys-color-srf-container-low)}.tapico-crop-tuner__preview--placeholder .tapico-crop-tuner__preview-clip:after{content:"";position:absolute;inset:.75em;border:2px dashed var(--ref-palette-grey-600);pointer-events:none;z-index:1}.tapico-crop-tuner__preview--placeholder img{opacity:0}.tapico-crop-tuner__preview--placeholder .project-media__placeholder-label{z-index:2}.tapico-crop-tuner__preview.is-dragging{cursor:grabbing}.tapico-crop-tuner__preview.is-resizing{cursor:inherit}.tapico-crop-tuner__preview:is(.is-dragging,.is-resizing):focus,.tapico-crop-tuner__preview:focus:not(:focus-visible){outline:none}.tapico-crop-tuner__preview img{position:absolute;top:50%;left:50%;width:calc(100% / var(--tuner-content-w, 1));height:auto;max-width:none;pointer-events:none;transform:translate(calc(var(--tuner-content-cx, .5) * -100%),calc(var(--tuner-content-cy, .5) * -100%))}.tapico-crop-tuner__handle{position:absolute;top:50%;left:50%;width:1.5em;height:1.5em;border:1px solid rgb(26 26 26 / .6);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.tapico-crop-tuner__handle:before,.tapico-crop-tuner__handle:after{content:"";position:absolute;top:50%;left:50%;background:#1a1a1a99;transform:translate(-50%,-50%)}.tapico-crop-tuner__handle:before{width:2em;height:1px}.tapico-crop-tuner__handle:after{width:1px;height:2em}.tapico-crop-tuner__resize{position:absolute;z-index:2;box-sizing:border-box;width:.7em;height:.7em;border:1px solid rgb(26 26 26 / .75);border-radius:1px;background:#fff;box-shadow:0 0 0 1px #ffffffb3}.tapico-crop-tuner__resize:before{content:"";position:absolute;inset:-.45em}.tapico-crop-tuner__resize--n,.tapico-crop-tuner__resize--s{left:50%;transform:translate(-50%);cursor:ns-resize}.tapico-crop-tuner__resize--n{top:0;transform:translate(-50%,-50%)}.tapico-crop-tuner__resize--s{bottom:0;transform:translate(-50%,50%)}.tapico-crop-tuner__resize--e,.tapico-crop-tuner__resize--w{top:50%;transform:translateY(-50%);cursor:ew-resize}.tapico-crop-tuner__resize--e{right:0;transform:translate(50%,-50%)}.tapico-crop-tuner__resize--w{left:0;transform:translate(-50%,-50%)}.tapico-crop-tuner__resize--ne{top:0;right:0;transform:translate(50%,-50%);cursor:nesw-resize}.tapico-crop-tuner__resize--nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nwse-resize}.tapico-crop-tuner__resize--se{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}.tapico-crop-tuner__resize--sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:nesw-resize}.tapico-crop-tuner__control{display:grid;grid-template-columns:3em 1fr 3em;align-items:center;gap:.6em;font-size:.8rem;color:var(--sys-color-on-srf-variant)}.tapico-crop-tuner__toolbar{display:grid;grid-template-columns:repeat(3,2.4em) 1fr;gap:.4em}.tapico-crop-tuner__toolbar>button{display:flex;align-items:center;justify-content:center;gap:.45em;border:0;border-radius:var(--radius-control-smooth);corner-shape:var(--squircle-shape);--corner-shape: var(--squircle-shape);background:var(--sys-color-srf-container-low);padding:.45em;color:var(--sys-color-on-srf);font:inherit;font-size:.72rem;line-height:1.1;cursor:pointer}.tapico-crop-tuner__toolbar>button:hover{background:var(--sys-color-srf-container-high)}.tapico-crop-tuner__constraint{justify-content:flex-start;padding-inline:.55em}.tapico-crop-tuner__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:0}.tapico-crop-tuner__icon svg{display:block}.tapico-crop-tuner__control input{width:100%;accent-color:var(--sys-color-on-srf)}.tapico-crop-tuner__control output{text-align:right;font-variant-numeric:tabular-nums}.tapico-crop-tuner__readout[hidden]{display:none}.tapico-crop-tuner__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tapico-crop-tuner__status[data-replacement-error=true]{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;color:var(--sys-color-error);white-space:normal}.dev-file-picker[data-astro-cid-syx53rhs]{position:relative;display:inline-flex}.dev-file-picker[data-astro-cid-syx53rhs]>input[data-astro-cid-syx53rhs]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;box-sizing:border-box;visibility:hidden;pointer-events:none}vcd-crop-frame-demo[data-astro-cid-hhby5mpy]{display:block;width:100%;max-width:var(--page-media-max-width);margin-inline:auto;align-self:start}.crop-frame-demo__layout[data-astro-cid-hhby5mpy]{position:relative;display:flex;flex-direction:column;gap:calc(var(--space-unit) * 2);width:100%;max-width:var(--page-media-max-width);margin-inline:auto}.crop-frame-demo__panel[data-astro-cid-hhby5mpy]{position:absolute;top:var(--crop-panel-top, calc(var(--space-unit) * 2));left:clamp(0px,calc(100% - 5rem),calc(50% + 50vw - 21rem));width:20rem;z-index:60}vcd-crop-frame-demo[data-astro-cid-hhby5mpy][data-page-reveal-ready=false] .crop-frame-demo__panel[data-astro-cid-hhby5mpy]{visibility:hidden}.crop-frame-demo__panel[data-astro-cid-hhby5mpy] .dev-overlay{position:absolute;left:0;top:0;width:100%;max-height:calc(100 * var(--vh-safe, 1svh) - (var(--space-unit) * 2))}.crop-frame-demo__panel[data-astro-cid-hhby5mpy] .dev-overlay__resize{display:none}.crop-frame-demo__preview-column[data-astro-cid-hhby5mpy]{min-width:0;display:grid;place-items:center}.crop-frame-demo__preview-shell[data-astro-cid-hhby5mpy]{position:relative;width:100%;height:900px;overflow:hidden;background:var(--comp-demo-frame-container);border-radius:var(--radius-control-smooth);transition:width .28s cubic-bezier(.645,.045,.355,1),height .28s cubic-bezier(.645,.045,.355,1),border-radius .28s cubic-bezier(.645,.045,.355,1)}.crop-frame-demo__mobile-notice[data-astro-cid-hhby5mpy]{display:none}.crop-frame-demo__preview-shell[data-astro-cid-hhby5mpy]:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 calc(var(--sys-surface-edge-y) * -1px) 0 color-mix(in srgb,var(--sys-color-surface-edge) 50%,transparent),inset 0 1px 3px color-mix(in srgb,var(--sys-color-surface-shadow) 35%,transparent),inset 0 0 0 1px var(--sys-color-surface-outline)}:root[data-theme=dark] .crop-frame-demo__preview-shell[data-astro-cid-hhby5mpy]:after{box-shadow:inset 0 calc(var(--sys-surface-edge-y) * -1px) 0 color-mix(in srgb,var(--sys-color-surface-edge) 50%,transparent),inset 0 0 0 1px var(--sys-color-surface-outline)}.crop-frame-demo__preview-shell[data-astro-cid-hhby5mpy] iframe[data-astro-cid-hhby5mpy]{display:block;width:1024px;height:900px;border:0;transform-origin:top left;transition:width .28s cubic-bezier(.645,.045,.355,1),opacity .16s ease}.crop-frame-demo__canvas[data-astro-cid-hhby5mpy]{width:min(100%,48rem,calc(38rem * var(--crop-demo-aspect, 1)));height:100%;min-height:0;display:grid;place-items:center;margin-inline:auto}.crop-frame-demo__canvas[data-astro-cid-hhby5mpy] .project-image{width:100%;margin:0}.crop-frame-demo__canvas[data-astro-cid-hhby5mpy] .project-cropped>.project-crop-clip>img,.crop-frame-demo__canvas[data-astro-cid-hhby5mpy] .dev-crop-ghost>img{width:100%;transform-origin:0 0;transform:scale(calc(1 / var(--project-content-w, 1))) translate(calc(var(--project-content-cx, .5) * -100%),calc(var(--project-content-cy, .5) * -100%));will-change:transform}.crop-frame-demo__panel[data-astro-cid-hhby5mpy] .tapico-crop-tuner__preview{width:min(100%,calc(14rem * var(--crop-demo-aspect, 1.333333)));margin-inline:auto}.crop-frame-demo__canvas[data-astro-cid-hhby5mpy] .project-image.dev-crop-stage-host{overflow:visible}.crop-frame-demo__canvas[data-astro-cid-hhby5mpy] .dev-crop-stage:focus-visible:not([data-pointer-focus]):not(.is-dragging):not(.is-resizing){outline:2px solid var(--sys-color-on-srf);outline-offset:3px}.crop-frame-demo__canvas[data-astro-cid-hhby5mpy] .dev-crop-stage[data-pointer-focus]{outline:1px solid color-mix(in srgb,var(--sys-color-on-srf) 35%,transparent);outline-offset:-1px}.crop-demo-save[data-astro-cid-hhby5mpy]{display:grid;place-items:center}.crop-demo-save[data-astro-cid-hhby5mpy]>span[data-astro-cid-hhby5mpy]{grid-area:1 / 1;opacity:0;filter:blur(3px);transition:opacity .16s ease,filter .16s ease}[data-save-state=idle] .crop-demo-save[data-astro-cid-hhby5mpy]>[data-astro-cid-hhby5mpy][data-save-label=idle],[data-save-state=saving] .crop-demo-save[data-astro-cid-hhby5mpy]>[data-astro-cid-hhby5mpy][data-save-label=saving],[data-save-state=saved] .crop-demo-save[data-astro-cid-hhby5mpy]>[data-astro-cid-hhby5mpy][data-save-label=saved]{opacity:1;filter:blur(0)}.crop-demo-save[data-astro-cid-hhby5mpy] svg{display:block;width:16px;height:16px}[data-save-state]:not([data-save-state=saving]) .crop-demo-save[data-astro-cid-hhby5mpy] rect{animation:none}[data-astro-cid-hhby5mpy][data-image-replacement-status]{margin:0;font:var(--dev-text-status)}@media(prefers-reduced-motion:reduce){.crop-demo-save[data-astro-cid-hhby5mpy]>span[data-astro-cid-hhby5mpy]{filter:none}.crop-demo-save[data-astro-cid-hhby5mpy] rect{animation:none;opacity:1}}@media(max-width:56em){.crop-frame-demo__panel[data-astro-cid-hhby5mpy]{position:relative;inset:auto;width:min(100%,22rem);margin-inline:auto}.crop-frame-demo__panel[data-astro-cid-hhby5mpy] .dev-overlay{position:relative;inset:auto;max-height:none}.crop-frame-demo__preview-column[data-astro-cid-hhby5mpy]{order:-1}}@media(max-width:40em){.crop-frame-demo__mobile-notice[data-astro-cid-hhby5mpy]{display:block;position:absolute;top:var(--space-unit);inset-inline:var(--space-unit);z-index:1;margin:0;text-align:center;font:var(--dev-text-status);color:var(--sys-color-on-srf-variant);pointer-events:none}vcd-crop-frame-demo[data-astro-cid-hhby5mpy][data-crop-preview-viewport=desktop] .crop-frame-demo__preview-shell[data-astro-cid-hhby5mpy]{border-radius:0}vcd-crop-frame-demo[data-astro-cid-hhby5mpy][data-crop-preview-viewport=desktop] .crop-frame-demo__preview-shell[data-astro-cid-hhby5mpy]:after{box-shadow:inset 0 calc(var(--sys-surface-edge-y) * -1px) 0 color-mix(in srgb,var(--sys-color-surface-edge) 50%,transparent),inset 0 1px 0 var(--sys-color-surface-outline)}:root[data-theme=dark] vcd-crop-frame-demo[data-astro-cid-hhby5mpy][data-crop-preview-viewport=desktop] .crop-frame-demo__preview-shell[data-astro-cid-hhby5mpy]:after{box-shadow:inset 0 calc(var(--sys-surface-edge-y) * -1px) 0 color-mix(in srgb,var(--sys-color-surface-edge) 50%,transparent),inset 0 1px 0 var(--sys-color-surface-outline)}.crop-frame-demo__panel[data-astro-cid-hhby5mpy] .dev-overlay.is-dev-overlay-open{transform:none}}@media(prefers-reduced-motion:reduce){.crop-frame-demo__preview-shell[data-astro-cid-hhby5mpy]{transition-duration:0ms}.crop-frame-demo__preview-shell[data-astro-cid-hhby5mpy] iframe[data-astro-cid-hhby5mpy]{transition:opacity .12s ease}}