.yt-image-funnel{position:relative;background:transparent;color:var(--yt-ink-primary)}.yt-image-funnel__inner{max-width:880px;padding-top:3rem;padding-bottom:2.5rem;display:flex;flex-direction:column;gap:2.5rem}@media(min-width:1024px){.yt-image-funnel__inner{padding-top:5rem;padding-bottom:3rem;gap:3rem}}.yt-image-funnel__hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.yt-image-funnel__h1{margin:0;font-family:var(--yt-font-heading);font-size:3rem;line-height:1.05;color:var(--yt-ink-secondary)}@media(min-width:768px){.yt-image-funnel__h1{font-size:4.5rem}}@media(min-width:1024px){.yt-image-funnel__h1{font-size:5.5rem}}.yt-image-funnel__tagline{margin:0;max-width:620px;font-family:var(--yt-font-body);font-size:1.125rem;line-height:1.55;color:var(--yt-ink-secondary)}@media(min-width:1024px){.yt-image-funnel__tagline{font-size:1.25rem}}.yt-image-funnel__trust{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--yt-font-accent);font-size:1rem;color:var(--yt-ink-secondary);letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:opacity .15s ease}.yt-image-funnel__trust:hover{opacity:.7;color:var(--yt-ink-secondary)}.yt-image-funnel__trust-stars{display:inline-flex;gap:.125rem;color:var(--yt-accent-pastel-light-peach)}.yt-image-funnel__trust-text strong{color:var(--yt-ink-primary)}.yt-image-funnel__shell{background:var(--yt-canvas-white);border-radius:var(--yt-radius-card-lg);padding:2rem;display:flex;flex-direction:column;gap:2rem;transition:background .15s ease}@media(min-width:768px){.yt-image-funnel__shell{padding:2.5rem;gap:2.5rem}}.yt-image-funnel__drop{position:relative;padding:2.5rem 2rem;text-align:center;cursor:pointer;background:transparent;border:2px dashed var(--yt-accent-pastel-light-peach);border-radius:var(--yt-radius-card-sm);min-height:220px;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,background .15s ease}@media(min-width:768px){.yt-image-funnel__drop{padding:3.25rem 2.5rem;min-height:260px}}.yt-image-funnel__drop:hover,.yt-image-funnel__drop:focus-visible{border-color:var(--yt-ink-primary);outline:none}.yt-image-funnel__shell.is-dragover .yt-image-funnel__drop{border-color:var(--yt-ink-primary);background:#00000005}.yt-image-funnel__state{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.yt-image-funnel__state[hidden]{display:none}.yt-image-funnel__drop[data-state=uploaded]{align-items:flex-start;justify-content:flex-start;min-height:0;padding:.5rem}.yt-image-funnel__drop-icon{display:block;width:60px;height:60px}@media(min-width:768px){.yt-image-funnel__drop-icon{width:72px;height:72px}}.yt-image-funnel__drop-text{margin:0;font-family:var(--yt-font-body);font-size:1.125rem;font-weight:500;color:var(--yt-ink-secondary)}@media(min-width:768px){.yt-image-funnel__drop-text{font-size:1.25rem}}.yt-image-funnel__sun{position:relative;width:64px;height:64px;display:inline-block;animation:yt-image-funnel-sun-spin 1.6s steps(8) infinite}.yt-image-funnel__sun-ray{position:absolute;top:4px;left:50%;width:4px;height:14px;margin-left:-2px;background:var(--yt-accent-pastel-light-peach);border-radius:2px;transform-origin:2px 28px;transform:rotate(calc(var(--i, 0) * 45deg));opacity:calc(.3 + var(--i, 0) * .1)}@keyframes yt-image-funnel-sun-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.yt-image-funnel__sun{animation:none}}.yt-image-funnel__progress{width:100%;max-width:440px;height:6px;background:var(--yt-canvas-off-white);border-radius:9999px;overflow:hidden}.yt-image-funnel__progress-bar{display:block!important;height:100%;width:0;background:var(--yt-accent-pastel-light-peach);border-radius:9999px}.yt-image-funnel__progress-bar--almost{width:95%}.yt-image-funnel__state--uploaded{width:100%}.yt-image-funnel__uploaded-header{width:100%;text-align:center;margin-bottom:1.25rem}.yt-image-funnel__uploaded-title{margin:0 0 .5rem;font-family:var(--yt-font-body);font-size:1.5rem;font-weight:700;color:var(--yt-ink-primary)}.yt-image-funnel__uploaded-row-info{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--yt-font-body);font-size:14px;color:var(--yt-ink-primary);max-width:100%;min-width:0}.yt-image-funnel__uploaded-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--yt-state-success);color:var(--yt-canvas-white);flex-shrink:0}.yt-image-funnel__uploaded-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.yt-image-funnel__uploaded-size-inline{color:var(--yt-ink-muted);white-space:nowrap;flex-shrink:0}.yt-image-funnel__uploaded-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%}@media(min-width:768px){.yt-image-funnel__uploaded-grid{gap:1rem}}.yt-image-funnel__thumb{position:relative;aspect-ratio:1 / 1;border-radius:var(--yt-radius-card-sm);background:var(--yt-canvas-off-white);background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 2px 8px #0000000f;border:2px solid var(--yt-canvas-white)}.yt-image-funnel__thumb-placeholder{display:flex;align-items:center;justify-content:center;color:var(--yt-ink-muted)}.yt-image-funnel__thumb-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border:none;border-radius:50%;background:var(--yt-ink-primary);color:var(--yt-canvas-white);font-size:14px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2}.yt-image-funnel__thumb-remove:hover{opacity:.85}.yt-image-funnel__drop-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:0;height:0;pointer-events:none}.yt-image-funnel__actions{display:flex;flex-direction:column;align-items:stretch;gap:0}.yt-image-funnel__actions[data-state=idle] .yt-image-funnel__action-pair,.yt-image-funnel__actions[data-state=uploading] .yt-image-funnel__action-pair,.yt-image-funnel__actions[data-state=almost] .yt-image-funnel__action-pair,.yt-image-funnel__actions[data-state=uploaded] [data-yt-pre-cta]{display:none}.yt-image-funnel__action-cta{width:100%;padding:1.25rem 1.5rem;font-family:var(--yt-font-body);font-size:1rem;font-weight:700;letter-spacing:var(--yt-tracking-caps);text-transform:uppercase;border-radius:var(--yt-radius-pill);cursor:pointer;transition:opacity .15s ease,background .15s ease,color .15s ease;border:none}@media(min-width:768px){.yt-image-funnel__action-cta{font-size:1.0625rem;padding:1.375rem 1.75rem}}.yt-image-funnel__action-cta--disabled{background:#c8c8c8;color:var(--yt-canvas-white);cursor:not-allowed}.yt-image-funnel__action-pair{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}@media(max-width:600px){.yt-image-funnel__action-pair{grid-template-columns:1fr}}.yt-image-funnel__action-cta--outline{background:var(--yt-canvas-white);color:var(--yt-ink-primary);border:1.5px solid var(--yt-ink-primary)}.yt-image-funnel__action-cta--outline:hover{background:var(--yt-ink-primary);color:var(--yt-canvas-white)}.yt-image-funnel__action-cta--primary{background:var(--yt-cta-primary-bg);color:var(--yt-cta-primary-text)}.yt-image-funnel__action-cta--primary:hover{opacity:.92}.yt-image-funnel__action-cta--primary:disabled,.yt-image-funnel__action-cta--primary[aria-busy=true]{opacity:.5;cursor:not-allowed}.yt-image-funnel__reassurance{margin:0;text-align:center;font-family:var(--yt-font-body);font-size:14px;line-height:1.4;color:var(--yt-ink-muted)}@media(min-width:768px){.yt-image-funnel__reassurance{font-size:15px}}.yt-image-funnel__loading[hidden]{display:none}.yt-image-funnel__loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c2c73;display:flex;align-items:center;justify-content:center;z-index:1300;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:1.5rem}.yt-image-funnel__loading-inner{text-align:center;max-width:600px;background:var(--yt-canvas-white);border:1px solid var(--yt-border-muted);border-radius:var(--yt-radius-card-lg);box-shadow:var(--yt-shadow-modal);padding:3rem 2.5rem;width:100%;display:flex;flex-direction:column;align-items:center}.yt-image-funnel__error[hidden]{display:none}.yt-image-funnel__error{padding:1rem 1.25rem;background:#fdf2f2;border:1px solid var(--yt-state-error);border-radius:var(--yt-radius-card-sm);font-family:var(--yt-font-body);font-size:1rem;color:var(--yt-state-error);text-align:center}.yt-image-funnel__retake[hidden]{display:none}.yt-image-funnel__retake{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:1rem}.yt-image-funnel__retake-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#141c2c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.yt-image-funnel__retake-card{position:relative;background:var(--yt-canvas-white);border-radius:var(--yt-radius-card-lg);padding:2rem 1.75rem;max-width:440px;width:100%;text-align:center;box-shadow:0 24px 60px #00000038;display:flex;flex-direction:column;gap:1rem;align-items:center}@media(min-width:768px){.yt-image-funnel__retake-card{padding:2.5rem 2.25rem}}.yt-image-funnel__retake-icon{width:64px;height:64px;border-radius:50%;background:var(--yt-accent-pastel-light-peach);color:var(--yt-ink-primary);display:inline-flex;align-items:center;justify-content:center}.yt-image-funnel__retake-h{margin:0;font-family:var(--yt-font-heading);font-size:1.625rem;line-height:1.15;color:var(--yt-ink-secondary)}@media(min-width:768px){.yt-image-funnel__retake-h{font-size:2rem}}.yt-image-funnel__retake-sub{margin:0;font-family:var(--yt-font-body);font-size:15px;line-height:1.5;color:var(--yt-ink-secondary)}.yt-image-funnel__retake-tips{margin:0;padding:0 0 0 1.125rem;text-align:left;width:100%;font-family:var(--yt-font-body);font-size:14px;line-height:1.55;color:var(--yt-ink-muted);display:flex;flex-direction:column;gap:.375rem}.yt-image-funnel__retake-tips li{padding-left:.125rem}.yt-image-funnel__retake-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:.875rem;margin-top:.25rem}.yt-image-funnel__retake-link{font-family:var(--yt-font-body);font-size:14px;color:var(--yt-ink-primary);text-decoration:underline;text-underline-offset:3px}.yt-image-funnel__retake-link:hover{opacity:.85}
/*# sourceMappingURL=/cdn/shop/t/3/assets/yt-image-funnel.css.map */