@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;550;600;700;800&display=swap";@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.variants-dialog__title{font-weight:600}.variants-dialog__title-hint{font-weight:400}.variants-dialog__title-progress{font-weight:400;color:#bdbdbd;font-size:.9em}.variants-dialog__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem 1.5rem;text-align:center;min-height:200px}.variants-dialog__error-message{color:#545454;font-size:1rem;line-height:1.5;margin:0}.variants-dialog .variants-subtitle{color:#bdbdbd;font-size:1rem;font-weight:400;margin:0 0 2rem;text-align:left;line-height:1.5}.variants-dialog .variants-subtitle--enhanced{color:#545454}.variants-dialog .variants-subtitle__label{color:#764ba2;font-weight:500;margin-right:.25em}.variants-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:400px;margin:0 auto;justify-items:center;transition:opacity .2s ease-in-out}.variants-grid--1-1{max-width:400px}.variants-grid--1-1 .skeleton-item,.variants-grid--1-1 .variant-item{aspect-ratio:1}.variants-grid--16-9{max-width:600px}.variants-grid--16-9 .skeleton-item,.variants-grid--16-9 .variant-item{aspect-ratio:16/9}.variants-grid--9-16{max-width:300px}.variants-grid--9-16 .skeleton-item,.variants-grid--9-16 .variant-item{aspect-ratio:9/16}.skeleton-item,.variant-item{position:relative;aspect-ratio:1;width:100%;overflow:hidden;border:2px solid transparent}.skeleton-item{position:relative;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;background:#201f1f}.skeleton-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 1.5s ease-in-out infinite}.skeleton-item__text{font-family:Montserrat,sans-serif;font-weight:400;font-size:1rem;line-height:25px;color:#fff;z-index:1}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.variant-item{cursor:pointer;transition:all .2s ease;border-radius:12px;border:4px solid transparent;opacity:0}.variant-item--loaded{opacity:1;animation:fadeIn .3s ease-out}.variant-item:hover{transform:translateY(-1px);box-shadow:0 8px 25px #0000004d}.variant-item.selected{border-color:#fff}.variant-item .variant-image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease-in-out;border-radius:8px}.variant-item .variant-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#1c1c1e80;transition:opacity .2s ease;border-radius:8px}.variant-item .selection-indicator{position:absolute;top:12px;right:12px;z-index:10}.variant-item .empty-circle{width:27px;height:27px;border:2px solid #ffffff;border-radius:50%;background:transparent}.variant-item .selected-circle{width:27px;height:27px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.variant-item .selected-circle svg{color:#000}.variants-dialog-actions{display:flex;gap:1rem;justify-content:center;flex-shrink:0;padding-top:2rem;width:100%}.variants-dialog-actions__button{width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.variants-grid{gap:.5rem;margin:0 auto}.variants-grid--1-1{max-width:350px}.variants-grid--16-9{max-width:500px}.variants-grid--9-16{max-width:250px}.variants-dialog-actions{flex-direction:column}}@media (max-width: 480px){.variants-grid{gap:.5rem;margin:0 auto}.variants-grid--1-1{max-width:280px}.variants-grid--16-9{max-width:400px}.variants-grid--9-16{max-width:200px}.variants-dialog .variants-subtitle{font-size:.75rem}}