.setups-upload{--su-ink: var(--color-foreground);--su-ground: var(--color-background);--su-muted: rgb(var(--color-foreground-rgb) / .72);--su-tint: rgb(var(--color-foreground-rgb) / .045);--su-tint-hover: rgb(var(--color-foreground-rgb) / .075);--su-tint-drag: rgb(var(--color-foreground-rgb) / .12);--su-error: var(--color-error, #b3261e);--su-radius: var(--style-border-radius-inputs);--su-tap: 48px}.setups-upload__inner{scroll-margin-top:calc(var(--header-height, 0px) + 16px)}.setups-upload__app{display:grid;grid-template-columns:minmax(0,1fr);row-gap:48px}.setups-upload__main{min-width:0;max-width:680px}@media screen and (min-width:990px){.setups-upload__app{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);column-gap:clamp(48px,5vw,88px);align-items:start}.setups-upload__main{max-width:none}.setups-upload__examples{padding-top:8px}}.setups-upload__head{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.setups-upload__heading{font-family:var(--font-h3--family);font-size:var(--font-h3--size);font-style:var(--font-h3--style);font-weight:var(--font-h3--weight);line-height:var(--font-h3--line-height);letter-spacing:var(--font-h3--letter-spacing);color:var(--color-foreground-heading);margin:0}.setups-upload__heading--page{font-family:var(--font-h1--family);font-size:calc(var(--font-h1--size) * .67);font-style:var(--font-h1--style);font-weight:var(--font-h1--weight);line-height:var(--font-h1--line-height);letter-spacing:var(--font-h1--letter-spacing)}.setups-upload__intro,.setups-upload__banner{font-family:var(--font-body--family);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height);color:var(--su-ink);margin:0}.setups-upload__intro>:first-child{margin-block-start:0}.setups-upload__intro>:last-child{margin-block-end:0}.setups-upload__banner{padding:12px 16px;border:1px solid var(--su-ink);margin-bottom:24px}.setups-upload__form{display:grid;gap:24px}.setups-upload__form[hidden],.setups-upload__done[hidden],.setups-upload__alert[hidden],.setups-upload__error[hidden],.setups-upload__picker[hidden],.setups-upload__retry[hidden]{display:none}.setups-upload__field{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}.setups-upload__row{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}@media screen and (min-width:750px){.setups-upload__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}}.setups-upload__label{font-family:var(--font-accent--family);font-style:var(--font-accent--style);font-weight:var(--font-accent--weight);font-size:var(--font-size--xs, 12px);letter-spacing:var(--letter-spacing-md, .08em);line-height:1.4;text-transform:uppercase;white-space:nowrap;color:var(--su-ink);padding:0}.setups-upload__opt{text-transform:none;letter-spacing:0;color:var(--su-muted)}.setups-upload__hint,.setups-upload__status{font-family:var(--font-body--family);font-size:14px;line-height:1.5;color:var(--su-ink);margin:0}.setups-upload__status:empty{display:none}.setups-upload__input{width:100%;box-sizing:border-box;min-height:52px;padding:14px 16px;font-family:var(--font-body--family);font-size:16px;line-height:1.4;color:var(--su-ink);background-color:var(--su-ground);border:1px solid var(--su-ink);border-radius:var(--su-radius);-webkit-appearance:none;appearance:none}.setups-upload .setups-upload__input{border-color:var(--su-ink)}.setups-upload .setups-upload__input::placeholder{color:var(--su-muted);opacity:1}.setups-upload .setups-upload__input:focus{outline:2px solid var(--su-ink);outline-offset:0;box-shadow:none}.setups-upload .setups-upload__input[aria-invalid=true]{border-width:2px;border-color:var(--su-error)}.setups-upload__error{font-family:var(--font-body--family);font-size:14px;line-height:1.45;color:var(--su-error);margin:0}.setups-upload__photos{position:relative}.setups-upload__thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.setups-upload__thumbs:empty{display:none}@media screen and (min-width:750px){.setups-upload__thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}}.setups-upload__thumb{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--su-ink);border-radius:var(--su-radius);background-color:var(--su-tint)}.setups-upload__thumb img{display:block;width:100%;height:100%;object-fit:cover}.setups-upload__thumb-wait{display:grid;place-items:center;height:100%;font-family:var(--font-body--family);font-size:13px;color:var(--su-ink)}.setups-upload__remove{position:absolute;top:0;right:0;display:grid;place-items:center;width:44px;height:44px;padding:0;color:var(--su-ground);background:none;border:0;cursor:pointer}.setups-upload__remove:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background-color:var(--su-ink)}.setups-upload__remove svg{position:relative}.setups-upload__remove:focus-visible{outline:2px solid var(--su-ink);outline-offset:-2px}.setups-upload__remove:disabled{display:none}.setups-upload__progress{position:absolute;left:6px;right:6px;bottom:6px;width:calc(100% - 12px);height:6px;-webkit-appearance:none;appearance:none;border:0;border-radius:3px;background-color:var(--su-ground);overflow:hidden}.setups-upload__progress[hidden]{display:none}.setups-upload__progress::-webkit-progress-bar{background-color:var(--su-ground)}.setups-upload__progress::-webkit-progress-value{background-color:var(--su-ink)}.setups-upload__progress::-moz-progress-bar{background-color:var(--su-ink)}.setups-upload__file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}.setups-upload__picker{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:184px;padding:24px 16px;text-align:center;color:var(--su-ink);background-color:var(--su-tint);border:1.5px dashed var(--su-ink);border-radius:var(--su-radius);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}@media screen and (min-width:750px){.setups-upload__picker{min-height:220px}}.setups-upload__picker-icon{margin-bottom:8px}.setups-upload__picker-primary{font-family:var(--font-body--family);font-size:18px;font-weight:600;line-height:1.3}.setups-upload__picker-secondary{font-family:var(--font-body--family);font-size:15px;line-height:1.4;color:var(--su-muted)}.setups-upload__picker-touch{display:none}@media(hover:none)and (pointer:coarse){.setups-upload__picker-mouse,.setups-upload__picker-secondary{display:none}.setups-upload__picker-touch{display:inline}}@media(hover:hover){.setups-upload__picker:hover{background-color:var(--su-tint-hover)}}.setups-upload__file:focus-visible+.setups-upload__picker{outline:2px solid var(--su-ink);outline-offset:3px}.setups-upload__picker.is-dragover{background-color:var(--su-tint-drag);border:2px solid var(--su-ink)}.setups-upload__file[aria-invalid]+.setups-upload__picker{border:2px solid var(--su-error)}.setups-upload__thumbs:not(:empty)~.setups-upload__picker{flex-direction:row;gap:12px;min-height:72px;padding:12px 16px}.setups-upload__thumbs:not(:empty)~.setups-upload__picker .setups-upload__picker-icon{width:28px;height:28px;margin-bottom:0}.setups-upload__thumbs:not(:empty)~.setups-upload__picker .setups-upload__picker-primary{font-size:16px}.setups-upload .setups-upload__consent{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding-block:8px;cursor:pointer}.setups-upload__checkbox{flex:0 0 24px;width:24px;height:24px;margin:1px 0 0;-webkit-appearance:none;appearance:none;background-color:var(--su-ground);border:1px solid var(--su-ink);border-radius:calc(var(--su-radius) / 2);cursor:pointer}.setups-upload .setups-upload__checkbox:after,.setups-upload .setups-upload__checkbox:checked:after{content:none;display:none}.setups-upload .setups-upload__checkbox:hover{background-color:var(--su-ground);border-width:2px}.setups-upload .setups-upload__checkbox:checked,.setups-upload .setups-upload__checkbox:checked:hover{background-color:var(--su-ink);border-color:var(--su-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath d='M1.5 6.2 5.2 9.8 12.5 2' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px 12px}.setups-upload .setups-upload__checkbox:focus-visible{outline:2px solid var(--su-ink);outline-offset:2px}.setups-upload__consent-text{display:grid;gap:4px;font-family:var(--font-body--family);line-height:1.45;color:var(--su-ink)}.setups-upload__consent-main{font-size:15px;font-weight:500}.setups-upload__consent-sub{font-size:14px;font-weight:400;color:var(--su-muted)}.setups-upload__turnstile:empty{display:none}.setups-upload__alert{display:grid;gap:12px;justify-items:start;padding:14px 16px;border:2px solid var(--su-error);border-radius:var(--su-radius);font-family:var(--font-body--family);font-size:15px;line-height:1.5;color:var(--su-ink)}.setups-upload__alert p{margin:0}.setups-upload__retry{display:inline-flex;align-items:center;justify-content:center;min-height:var(--su-tap);padding:12px 24px;font-family:var(--font-body--family);font-size:15px;font-weight:600;color:var(--su-ink);background-color:transparent;border:1px solid var(--su-ink);border-radius:var(--style-border-radius-buttons-primary);cursor:pointer}.setups-upload__submit-wrap{display:grid;gap:12px}.setups-upload__submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:14px 40px;font-family:var(--font-body--family);font-size:16px;font-weight:600;letter-spacing:.02em;color:#fff;background-color:var(--su-ink);border:0;border-radius:var(--style-border-radius-buttons-primary);cursor:pointer;transition:background-color .15s ease}.setups-upload__submit:hover{background-color:#000}.setups-upload__submit:disabled{color:rgb(var(--color-foreground-rgb) / .66);background-color:rgb(var(--color-foreground-rgb) / .1);cursor:not-allowed}.setups-upload__submit.is-busy{color:#fff;background-color:var(--su-ink);cursor:progress}.setups-upload__submit:focus-visible,.setups-upload__retry:focus-visible,.setups-upload__again:focus-visible{outline:2px solid var(--su-ink);outline-offset:3px}.setups-upload__footnote{font-family:var(--font-body--family);font-size:14px;line-height:1.5;color:var(--su-muted);margin:0}@media screen and (min-width:750px){.setups-upload__submit-wrap{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:24px}.setups-upload__submit{width:auto}.setups-upload__footnote{max-width:36ch}}.setups-upload__done{display:grid;gap:16px;justify-items:start;padding:24px;border:1px solid var(--su-ink);border-radius:var(--su-radius)}.setups-upload__done-text{font-family:var(--font-body--family);font-size:18px;line-height:1.45;color:var(--su-ink);margin:0}.setups-upload__done-text:focus{outline:none}.setups-upload__again{display:inline-flex;align-items:center;min-height:var(--su-tap);font-family:var(--font-body--family);font-size:16px;font-weight:600;color:var(--su-ink);text-decoration:underline;text-underline-offset:3px}.setups-upload__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}@media screen and (min-width:990px){.setups-upload__tiles{grid-template-columns:minmax(0,1fr);gap:16px}}.setups-upload__tile{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--su-radius);background-color:var(--su-tint)}.setups-upload__tile-img{display:block;width:100%;height:100%;object-fit:cover}.setups-upload__chip{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:5px 8px;overflow:hidden;font-family:var(--font-accent--family);font-size:10px;letter-spacing:var(--letter-spacing-md, .08em);line-height:1.3;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--su-ink);background-color:var(--su-ground)}@media screen and (min-width:990px){.setups-upload__chip{left:12px;bottom:12px;padding:7px 12px;font-size:12px}}.setups-upload__examples-caption{margin:12px 0 0;font-family:var(--font-accent--family);font-size:12px;letter-spacing:.02em;line-height:1.5;color:var(--su-muted)}.collector-setups__cta a[href$="#share"]{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid currentColor;border-radius:var(--style-border-radius-buttons-secondary, var(--style-border-radius-buttons-primary));text-decoration:none}.collector-setups__cta a[href$="#share"]:hover{background-color:var(--color-foreground);color:var(--color-background)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/setups-upload.css.map */