.trc-upload-center{--trc-upload-progress: 0;position:relative;flex:none}.trc-upload-center[hidden],.trc-upload-center__panel[hidden]{display:none!important}.trc-upload-center__toggle{position:relative;display:grid;width:4rem;height:4rem;padding:0;place-items:center;border:0;border-radius:50%;background:conic-gradient(#006c9f calc(var(--trc-upload-progress) * 1%),#d9eaf1 0);color:#004f75;cursor:pointer}.trc-upload-center__toggle:before{position:absolute;top:.35rem;right:.35rem;bottom:.35rem;left:.35rem;border-radius:50%;background:#fff;content:""}.trc-upload-center__toggle:focus-visible{outline:2px solid #006c9f;outline-offset:2px}.trc-upload-center__percent{position:relative;z-index:1;font-size:1rem;font-weight:800;line-height:1;letter-spacing:-.03em}.trc-upload-center.has-error .trc-upload-center__toggle{background:#fecdca;color:#b42318}.trc-upload-center.is-complete .trc-upload-center__toggle{background:#d9eaf1;color:#006c9f}.trc-upload-center__panel{position:absolute;top:calc(100% + 1rem);right:0;z-index:80;width:min(38rem,calc(100vw - 2.4rem));max-height:min(64rem,calc(100vh - 10rem));max-height:min(64rem,calc(100dvh - 10rem));overflow:auto;padding:1.6rem;border:1px solid #d0d5dd;border-radius:1.2rem;background:#fff;color:#101828;box-shadow:0 18px 50px #10182838}.trc-upload-center__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.trc-upload-center__head strong{display:block;font-size:1.6rem}.trc-upload-center__head p{margin:.3rem 0 0;color:#667085;font-size:1.2rem;line-height:1.45}.trc-upload-center__close{display:grid;flex:none;width:3.2rem;height:3.2rem;padding:0;place-items:center;border:1px solid #d0d5dd;border-radius:.8rem;background:#fff;color:#344054;cursor:pointer}.trc-upload-center__list{display:grid;gap:1rem}.trc-upload-job{padding:1.2rem;border:1px solid #d9eaf1;border-radius:1rem;background:#f7fbfd}.trc-upload-job.is-error{border-color:#fecdca;background:#fef3f2}.trc-upload-job.is-completed{border-color:#abefc6;background:#ecfdf3}.trc-upload-job__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;color:#004f75;font-size:1.25rem}.trc-upload-job__head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trc-upload-job__head span{flex:none;font-variant-numeric:tabular-nums;font-weight:800}.trc-upload-job__track{height:.7rem;margin-top:.8rem;overflow:hidden;border-radius:999px;background:#d9eaf1}.trc-upload-job__track span{display:block;height:100%;border-radius:inherit;background:#006c9f;transition:width .2s ease}.trc-upload-job.is-error .trc-upload-job__track span{background:#d92d20}.trc-upload-job.is-completed .trc-upload-job__track span{background:#079455}.trc-upload-job p{margin:.7rem 0 0;color:#475467;font-size:1.2rem;line-height:1.45}.trc-upload-job.is-error p{color:#b42318}.trc-upload-job__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.trc-upload-job__actions a,.trc-upload-job__actions button{display:inline-flex;min-height:3.4rem;align-items:center;justify-content:center;padding:.6rem 1.1rem;border:1px solid #006c9f;border-radius:.7rem;background:#006c9f;color:#fff;font:inherit;font-size:1.2rem;font-weight:700;text-decoration:none;cursor:pointer}.trc-upload-job__actions .is-secondary{background:#fff;color:#344054;border-color:#d0d5dd}@media(max-width:767px){.trc-upload-center__toggle{width:3.6rem;height:3.6rem}.trc-upload-center__panel{position:fixed;top:7rem;right:1.2rem;left:1.2rem;width:auto;max-height:calc(100vh - 8.2rem);max-height:calc(100dvh - 8.2rem)}}@media(prefers-reduced-motion:reduce){.trc-upload-job__track span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/trc-background-upload-manager.css.map */