@keyframes dc-preview-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dc-preview-spinner{animation:dc-preview-spin 5s linear infinite}.dc-preview-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .dc-preview-placeholder{background:var(--mantine-color-dark-6)}.dc-preview-image{width:100%;height:100%}.dc-preview-image>img{display:block;width:100%;height:100%;object-fit:cover}.dc-preview-updating{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;padding:.15rem .3rem .3rem .15rem;border-bottom-right-radius:.5rem;background:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .dc-preview-updating{background:var(--mantine-color-dark-7)}.dc-variant-switcher-btn{flex-shrink:0;overflow:hidden;border:2px solid var(--mantine-color-white);border-radius:var(--mantine-radius-md)}.dc-variant-switcher-panel{max-width:calc(100% - 2 * var(--mantine-spacing-md));max-height:calc(100% - 88px - 4rem - 12px - 2 * var(--mantine-spacing-md));overflow-y:auto}[data-mantine-color-scheme=dark] .dc-variant-switcher-panel{--mantine-color-dimmed: var(--mantine-color-dark-1)}.dc-variant-tile{overflow:hidden;border-radius:var(--mantine-radius-sm);transition:transform .15s ease,box-shadow .15s ease}@keyframes dc-variant-tile-in{0%{opacity:0;transform:translateY(.625rem) scale(.85)}to{opacity:1;transform:none}}.dc-variant-tiles>*{animation:dc-variant-tile-in .32s cubic-bezier(.2,.9,.3,1.25) backwards}.dc-variant-tiles>:nth-child(1){animation-delay:70ms}.dc-variant-tiles>:nth-child(2){animation-delay:105ms}.dc-variant-tiles>:nth-child(3){animation-delay:.14s}.dc-variant-tiles>:nth-child(4){animation-delay:175ms}.dc-variant-tiles>:nth-child(5){animation-delay:.21s}.dc-variant-tiles>:nth-child(6){animation-delay:245ms}.dc-variant-tiles>:nth-child(7){animation-delay:.28s}.dc-variant-tiles>:nth-child(8){animation-delay:315ms}.dc-variant-tiles>:nth-child(9){animation-delay:.35s}.dc-variant-tiles>:nth-child(10){animation-delay:385ms}.dc-variant-tiles>:nth-child(11){animation-delay:.42s}.dc-variant-tiles>:nth-child(12){animation-delay:455ms}.dc-variant-tiles[data-tile-group=project]>*{animation-delay:0ms}@media(prefers-reduced-motion:reduce){.dc-variant-tiles>*{animation:none}}