.preview-block{width:100%;padding:2rem 0}.preview-block.is-hidden{display:none!important}.preview-block__title{font-weight:700;font-size:1.6rem;margin:0;line-height:187.5%;color:#000}.preview-block__artwork-list{display:flex;gap:5.53px;margin-bottom:2rem;flex-wrap:wrap}.preview-block__artwork-item{flex:1;flex:0 0 calc(33.333% - 5.53px);aspect-ratio:3 / 3.75;background-color:#f5f5f5;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.preview-block__artwork-item:before{content:"";width:100%;height:100%;background-color:transparent;position:absolute;top:0;left:0;z-index:1;border:3px solid #00ba00;visibility:hidden;opacity:0;transition:visibility .2s ease,opacity .2s ease}.preview-block__artwork-item.is-selected:before{visibility:visible;opacity:1}.preview-block__artwork-item:has(.preview-block__artwork-image){cursor:pointer}.preview-block__artwork-zoom{position:absolute;bottom:1.2rem;inset-inline-end:1.2rem;display:none;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;margin:0;border:.1rem solid rgba(0,0,0,.15);border-radius:50%;background:#fff;color:#000;cursor:pointer;z-index:2}.preview-block__artwork-item:has(.preview-block__artwork-image) .preview-block__artwork-zoom{display:flex}.preview-block__artwork-zoom svg{width:50%}.preview-block__artwork-select{position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;left:10px;bottom:10px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:background-color .2s ease}.preview-block__artwork-select input{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.preview-block__artwork-select svg{opacity:0;visibility:hidden;transition:opacity .2s ease}.preview-block__artwork-item.is-selected .preview-block__artwork-select{background-color:#00ba00}.preview-block__artwork-item.is-selected .preview-block__artwork-select svg{opacity:1;visibility:visible}.preview-block__actions{margin-top:1.1rem;text-align:right;display:none}.preview-block.preview-block--waiting .preview-block__footer{display:flex!important}.preview-block.preview-block--waiting .preview-block__actions,.preview-block.preview-block--ready .preview-block__footer{display:none!important}.preview-block.preview-block--ready .preview-block__actions{display:block}.preview-block__generate-more{display:inline;padding:0;font-size:inherit;font-weight:500;color:#000;text-decoration:underline;background:none;border:none;cursor:pointer;transition:opacity .2s ease;height:auto}.preview-block__generate-more:hover{opacity:.7}.preview-block__generate-more:focus-visible{outline:.2rem solid currentColor;outline-offset:.2rem}.preview-block__artwork-spinner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-block__artwork-spinner svg{width:49px}.preview-block__spinner{width:40px;height:40px;animation:preview-block-rotate 2s linear infinite}.preview-block__spinner-path{stroke:rgba(var(--color-foreground),.3);stroke-linecap:round;animation:preview-block-dash 1.5s ease-in-out infinite}@keyframes preview-block-rotate{to{transform:rotate(360deg)}}@keyframes preview-block-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.preview-block__footer{display:flex;flex-direction:column}.preview-block__progress-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.preview-block__progress-text-wrap{overflow:hidden;height:2.4rem;flex:1;min-width:0}.preview-block__progress-text-track{display:flex;flex-direction:column;will-change:transform;transition:transform .4s cubic-bezier(.25,.1,.25,1)}.preview-block__progress-text-track.is-shifting{transform:translate3d(0,-50%,0)}.preview-block__progress-text-line{height:2.4rem;display:flex;align-items:center;flex-shrink:0;font-size:1.4rem;color:#7d7d7d;font-weight:500;margin:0}.preview-block__progress-text-content{flex-shrink:0}.preview-block__progress-time{font-size:1.4rem;color:#7d7d7d;font-weight:500;margin:0;white-space:nowrap}.preview-block__progress-bar-wrap{display:flex;align-items:center;gap:1rem;width:100%}.preview-block__progress-bar{flex:1;height:3px;background-color:#7d7d7d;overflow:hidden;position:relative}.preview-block__progress-bar-fill{height:100%;background-color:#000;width:0%;transition:width .1s linear;display:block!important;position:absolute;left:0;top:0}@media screen and (min-width:990px)and (max-width:1300px){.preview-block__progress-time,.preview-block__progress-text-line{font-size:1.1rem}}@media screen and (min-width:768px)and (max-width:990px){.preview-block__progress-time,.preview-block__progress-text-line{font-size:.9rem}}@media(max-width:767.98px){.preview-block__progress-time{font-size:1.2rem}.preview-block__zoom-close{top:-4.4rem;right:.4rem}}@media(max-width:576px){.preview-block__progress-time,.preview-block__progress-text-line{font-size:1.1rem}}@media(max-width:450px){.preview-block__progress-time,.preview-block__progress-text-line{font-size:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/preview-block-progress.css.map */