:host{align-items:center;background:var(--bg-primary);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000;--bg-img:url(../../img/consoles-black.jpg);--bg-blendmode:multiply;@media (prefers-color-scheme:dark){--bg-img:url(../../img/consoles-white.jpg);--bg-blendmode:screen}}.drop-area{align-items:center;aspect-ratio:1/1;border:4px dashed var(--border-default);border-radius:50%;cursor:pointer;display:flex;flex-direction:column;font-family:system-ui,sans-serif;height:clamp(340px,80vw,80vh);justify-content:center;position:relative;transition:border-color var(--trans-md),background-color var(--trans-md);&:before{background:var(--bg-img) center no-repeat;background-size:115%;border-radius:50%;content:"";inset:0;mix-blend-mode:var(--bg-blendmode);position:absolute;transition:background-size var(--trans-md)}&.dragover,&:hover{background:color-mix(in srgb,var(--bg-tertiary),transparent 75%);border-color:var(--border-focus);&:before{background-size:150%}}p{font-size:var(--fs-lg);font-weight:500;margin-block:.5rem}}