.upload-details{max-width:76rem;margin:0 auto;padding-top:3.2rem;padding-bottom:6.4rem;color:rgb(var(--color-foreground, 18, 18, 18))}.upload-details__header{margin-bottom:2.4rem}.upload-details__title{margin:0 0 .4rem;font-size:2.8rem;line-height:1.2}.upload-details__order{margin:0;font-size:1.4rem;opacity:.6}.upload-details__state{display:flex;align-items:center;gap:1.2rem;padding:2.4rem;border-radius:.8rem;font-size:1.6rem;line-height:1.5}.upload-details__loading{background:rgba(var(--color-foreground, 18, 18, 18),.04)}.upload-details__notice{background:rgba(var(--color-foreground, 18, 18, 18),.06)}.upload-details__error{background:#fdf0f0;color:#8b1a1a}.upload-details__success{background:#eef7ef;color:#1c5c2a}.upload-details__state[hidden],.upload-details__form[hidden],.upload-details__order[hidden],.ud-photos[hidden],.ud-fields[hidden],.ud-slot__pick[hidden],.ud-slot__preview[hidden],.ud-slot__progress[hidden],.upload-details__form-error[hidden]{display:none!important}.upload-details__spinner{width:1.8rem;height:1.8rem;border:2px solid rgba(var(--color-foreground, 18, 18, 18),.2);border-top-color:rgba(var(--color-foreground, 18, 18, 18),.7);border-radius:50%;animation:ud-spin .8s linear infinite;flex:none}@keyframes ud-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.upload-details__spinner{animation-duration:3s}}.upload-details__form{display:block}.upload-details__message{margin:0 0 2.4rem;padding:1.6rem 2rem;border-left:3px solid rgba(var(--color-foreground, 18, 18, 18),.3);background:rgba(var(--color-foreground, 18, 18, 18),.03);font-size:1.6rem;line-height:1.55;white-space:pre-wrap}.upload-details__items{display:flex;flex-direction:column;gap:2.4rem}.ud-item{border:1px solid rgba(var(--color-foreground, 18, 18, 18),.12);border-radius:.8rem;padding:1.6rem}.ud-item__head{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem}.ud-item__thumb{width:6.4rem;height:6.4rem;flex:none;border-radius:.6rem;overflow:hidden;background:rgba(var(--color-foreground, 18, 18, 18),.06)}.ud-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}.ud-item__name{margin:0;font-size:1.6rem;font-weight:600;line-height:1.3}.ud-item__sub{margin:.2rem 0 0;font-size:1.3rem;opacity:.6}.ud-item__label{margin:0 0 .8rem;font-size:1.4rem;font-weight:600}.ud-item__note{margin:.8rem 0 0;padding:.8rem 1.2rem;border-left:2px solid rgba(var(--color-foreground, 18, 18, 18),.25);background:rgba(var(--color-foreground, 18, 18, 18),.03);font-size:1.4rem;line-height:1.5;white-space:pre-wrap}.ud-photos{margin-bottom:1.6rem}.ud-photos__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1.2rem}.ud-slot{position:relative;aspect-ratio:1}.ud-slot__input{display:none}.ud-slot__pick{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;border:2px dashed rgba(var(--color-foreground, 18, 18, 18),.25);border-radius:.6rem;background:transparent;cursor:pointer;font-size:1.2rem;color:inherit;min-height:10rem}.ud-slot__pick:hover,.ud-slot__pick:focus-visible{border-color:rgba(var(--color-foreground, 18, 18, 18),.55)}.ud-slot__plus{font-size:2.4rem;line-height:1}.ud-slot__preview{position:relative;width:100%;height:100%;border-radius:.6rem;overflow:hidden;background:rgba(var(--color-foreground, 18, 18, 18),.06)}.ud-slot__img{width:100%;height:100%;object-fit:cover;display:block}.ud-slot--failed .ud-slot__preview{outline:2px solid #c0392b;outline-offset:-2px}.ud-slot--done .ud-slot__preview{outline:2px solid #2e7d32;outline-offset:-2px}.ud-slot__progress{position:absolute;left:0;right:0;bottom:0;height:.4rem;background:#00000040}.ud-slot__bar{height:100%;width:0;background:#2e7d32;transition:width .2s ease}.ud-slot__status{position:absolute;left:0;right:0;bottom:0;margin:0;padding:.4rem .6rem;font-size:1.1rem;line-height:1.3;color:#fff;background:#0009}.ud-slot--failed .ud-slot__status{background:#c0392b}.ud-slot__remove{position:absolute;top:.4rem;right:.4rem;width:2.4rem;height:2.4rem;border:0;border-radius:50%;background:#0009;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer}.ud-fields{display:flex;flex-direction:column;gap:1.2rem}.ud-field__label{display:block;margin-bottom:.4rem;font-size:1.4rem;font-weight:500}.ud-field__input{width:100%;padding:1.2rem 1.4rem;border:1px solid rgba(var(--color-foreground, 18, 18, 18),.25);border-radius:.6rem;font-size:1.6rem;font-family:inherit;color:inherit;background:transparent}.ud-field__input:focus{outline:2px solid rgba(var(--color-foreground, 18, 18, 18),.6);outline-offset:-1px}.ud-field__input--invalid{border-color:#c0392b}.upload-details__form-error{margin:1.6rem 0 0;padding:1.2rem 1.6rem;border-radius:.6rem;background:#fdf0f0;color:#8b1a1a;font-size:1.4rem}.upload-details__submit{margin-top:2.4rem}.upload-details__hint{margin:.8rem 0 0;font-size:1.3rem;opacity:.6}.ud-btn{display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;padding:0 2.4rem;border:0;border-radius:var(--buttons-radius, .4rem);font-family:inherit;font-size:1.5rem;font-weight:700;cursor:pointer}.ud-btn--primary{background:rgb(var(--color-foreground, 18, 18, 18));color:rgb(var(--color-background, 255, 255, 255))}.ud-btn[disabled]{opacity:.45;cursor:not-allowed}@media screen and (max-width:749px){.upload-details__title{font-size:2.2rem}.ud-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/194/assets/upload-details.css.map */