.storya-upload{--storya-upload-border: rgb(var(--color-foreground-rgb, 18 18 18) / .28);--storya-upload-border-active: rgb(var(--color-foreground-rgb, 18 18 18) / .85);--storya-upload-background: rgb(var(--color-foreground-rgb, 18 18 18) / .04);width:100%;color:rgb(var(--color-foreground-rgb, 18 18 18))}.storya-upload__title{margin:0 0 1rem;font:inherit;font-size:var(--font-heading--size, 1.25rem);font-weight:var(--font-weight-semibold, 600);line-height:1.25}.storya-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.storya-upload__dropzone{display:flex;width:100%;min-height:220px;padding:2rem 1.5rem;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;border:2px dashed var(--storya-upload-border);border-radius:var(--style-border-radius-inputs, 12px);background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:center;transition:border-color .16s ease,background-color .16s ease}.storya-upload__dropzone:hover,.storya-upload__dropzone:focus-visible,.storya-upload__dropzone.is-dragging{border-color:var(--storya-upload-border-active);background:var(--storya-upload-background)}.storya-upload__dropzone:focus-visible{outline:2px solid currentColor;outline-offset:3px}.storya-upload__icon{width:38px;height:38px}.storya-upload__prompt{display:flex;flex-direction:column;gap:.2rem;line-height:1.4}.storya-upload__prompt strong{font-weight:var(--font-weight-semibold, 600)}.storya-upload__formats,.storya-upload__status{color:rgb(var(--color-foreground-rgb, 18 18 18) / .7);font-size:var(--font-paragraph-small--size, .875rem);line-height:1.45}.storya-upload__status{margin-top:.75rem}.storya-upload__empty{margin:0}.storya-upload__files{margin:0;padding-left:1.25rem}.storya-upload__files li+li{margin-top:.25rem}.storya-upload__message{margin:.75rem 0 0;color:rgb(var(--color-foreground-rgb, 18 18 18) / .8)}.storya-upload__preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}.storya-upload__preview-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .14);border-radius:var(--style-border-radius-inputs, 12px);background:rgb(var(--color-background-rgb, 255 255 255));box-shadow:0 2px 8px #0000000f;transition:transform .16s ease,box-shadow .16s ease}.storya-upload__preview-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.storya-upload__preview-image{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:rgb(var(--color-foreground-rgb, 18 18 18) / .06)}.storya-upload__preview-details{display:grid;gap:.15rem;padding:.625rem}.storya-upload__preview-name{overflow:hidden;color:inherit;font-size:.8125rem;font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap}.storya-upload__preview-size{font-size:.75rem}.storya-upload__remove-button{position:absolute;top:.5rem;right:.5rem;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border:0;border-radius:50%;background:#000000b8;color:#fff;cursor:pointer;font-size:1.25rem;line-height:1;transition:transform .16s ease,background-color .16s ease}.storya-upload__remove-button:hover{background:#000000e6;transform:scale(1.08)}.storya-upload__remove-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media screen and (max-width:989px){.storya-upload__preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.storya-upload__dropzone{min-height:180px;padding:1.5rem 1rem}.storya-upload__preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.storya-upload__preview-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.storya-upload__preview-trigger:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.storya-upload__dialog{width:min(92vw,960px);max-width:none;max-height:92vh;padding:0;border:0;border-radius:var(--style-border-radius-inputs, 12px);background:rgb(var(--color-background-rgb, 255 255 255));color:rgb(var(--color-foreground-rgb, 18 18 18));box-shadow:0 16px 48px #0000004d}.storya-upload__dialog::backdrop{background:#000000a6}.storya-upload__dialog-content{overflow:hidden}.storya-upload__dialog-header{display:flex;min-height:3.5rem;padding:.5rem .75rem .5rem 1rem;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .12)}.storya-upload__dialog-title{overflow:hidden;margin:0;font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap}.storya-upload__dialog-actions{display:flex;flex-shrink:0;gap:.4rem}.storya-upload__dialog-button{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;padding:0;border:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .18);border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:1.3rem;line-height:1;transition:background-color .16s ease,transform .16s ease}.storya-upload__dialog-button:hover:not(:disabled){background:rgb(var(--color-foreground-rgb, 18 18 18) / .08);transform:scale(1.05)}.storya-upload__dialog-button:disabled{cursor:not-allowed;opacity:.4}.storya-upload__dialog-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.storya-upload__dialog-image-wrap{display:flex;min-height:min(68vh,700px);align-items:center;justify-content:center;overflow:hidden;padding:1rem;background:#0000000a}.storya-upload__dialog-image{display:block;max-width:100%;max-height:min(64vh,650px);object-fit:contain;transform:scale(1);transform-origin:center;transition:transform .18s ease}@media screen and (max-width:749px){.storya-upload__dialog{width:100vw;max-height:100vh;border-radius:0}.storya-upload__dialog-image-wrap{min-height:calc(100vh - 4rem)}}.storya-upload__preview-card[data-upload-status=uploading]{border-color:rgb(var(--color-foreground-rgb, 18 18 18) / .3)}.storya-upload__preview-card[data-upload-status=uploaded]{border-color:#20894973}.storya-upload__preview-card[data-upload-status=failed]{border-color:#be373780}.storya-upload__upload-status{display:flex;min-height:1.5rem;align-items:center;gap:.35rem;padding:0 .625rem .625rem;font-size:.75rem;line-height:1.3}.storya-upload__upload-status.is-uploading:before{width:.75rem;height:.75rem;flex:0 0 auto;border:2px solid rgb(var(--color-foreground-rgb, 18 18 18) / .2);border-top-color:currentColor;border-radius:50%;content:"";animation:storya-upload-spin .7s linear infinite}.storya-upload__upload-status.is-uploaded{color:#187d40}.storya-upload__upload-status.is-uploaded:before{content:"\2713";font-weight:700}.storya-upload__upload-status.is-failed{color:#b43030}.storya-upload__upload-status.is-failed:before{content:"!";display:inline-flex;width:.875rem;height:.875rem;align-items:center;justify-content:center;border-radius:50%;background:currentColor;color:#fff;font-size:.625rem;font-weight:700}.storya-upload__retry-button{margin:0 .625rem .625rem;padding:.35rem .6rem;border:1px solid currentColor;border-radius:999px;background:transparent;color:#b43030;cursor:pointer;font:inherit;font-size:.75rem;font-weight:var(--font-weight-semibold, 600);transition:background-color .16s ease,color .16s ease}.storya-upload__retry-button:hover{background:#b43030;color:#fff}.storya-upload__retry-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}@keyframes storya-upload-spin{to{transform:rotate(360deg)}}.storya-upload__form-message{margin:.75rem 0 0;color:rgb(var(--color-foreground-rgb, 18 18 18) / .8);font-size:var(--font-paragraph-small--size, .875rem);line-height:1.45}.storya-upload__form-message[hidden]{display:none}.storya-upload.storya-upload--needs-attention{outline:2px solid rgb(var(--color-foreground-rgb, 18 18 18) / .45);outline-offset:4px;transition:outline-color .18s ease}.storya-upload__notes{margin-top:1rem}.storya-upload__notes-label{display:block;margin-bottom:.5rem;font-size:var(--font-paragraph-small--size, .875rem);font-weight:var(--font-weight-semibold, 600)}.storya-upload__notes-input{display:block;width:100%;min-height:6rem;padding:.75rem;border:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .28);border-radius:var(--style-border-radius-inputs, 12px);background:transparent;color:inherit;font:inherit;line-height:1.45;resize:vertical}.storya-upload__notes-input:focus-visible{outline:2px solid currentColor;outline-offset:2px}variant-picker:has(.storya-subject-counters) fieldset:has(input[data-option-name="Person Count"]),variant-picker:has(.storya-subject-counters) fieldset:has(input[data-option-name="Pet Count"]){display:none}.storya-subject-counters{display:grid;gap:.875rem;margin-block:1rem}.storya-subject-counter{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .18);border-radius:var(--style-border-radius-inputs, 12px)}.storya-subject-counter__heading{display:grid;gap:.15rem}.storya-subject-counter__label{font-weight:var(--font-weight-semibold, 600)}.storya-subject-counter__limit,.storya-subject-counters__hint{color:rgb(var(--color-foreground-rgb, 18 18 18) / .7);font-size:var(--font-paragraph-small--size, .875rem);line-height:1.4}.storya-subject-counter__controls{display:inline-grid;grid-template-columns:2.75rem minmax(2.5rem,auto) 2.75rem;min-height:2.75rem;align-items:center;border:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .2);border-radius:999px;overflow:hidden}.storya-subject-counter__button{display:inline-flex;min-width:2.75rem;min-height:2.75rem;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:1.5rem;line-height:1;transition:background-color .16s ease}.storya-subject-counter__button:hover:not(:disabled){background:rgb(var(--color-foreground-rgb, 18 18 18) / .08)}.storya-subject-counter__button:disabled{cursor:not-allowed;opacity:.35}.storya-subject-counter__button:focus-visible{position:relative;outline:2px solid currentColor;outline-offset:-2px}.storya-subject-counter__value{min-width:2.5rem;padding-inline:.25rem;font-weight:var(--font-weight-semibold, 600);line-height:1;text-align:center}.storya-subject-counters__hint{margin:0}@media screen and (max-width:749px){.storya-subject-counter{padding:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/storya-upload.css.map */