.pitapri-uploader{--pitapri-text: #333333;--pitapri-text-sub: #666666;--pitapri-surface: #ffffff;--pitapri-sub-surface: #f3f3f3;--pitapri-radius: 16px;--pitapri-accent-text: color-mix(in srgb, var(--pitapri-accent) 70%, #000);display:block;padding:var(--pitapri-padding-top) 0 var(--pitapri-padding-bottom);background-color:var(--pitapri-background);color:var(--pitapri-text);font-size:16px}.pitapri-uploader__inner{max-width:1100px;margin:0 auto;padding:0 20px}.pitapri-uploader__heading{margin:0 0 12px;font-size:24px;font-weight:700;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}.pitapri-uploader__lead{margin-bottom:32px;font-size:16px;line-height:1.8;color:var(--pitapri-text-sub)}.pitapri-uploader__lead p,.pitapri-uploader__notes p{margin:0}.pitapri-uploader__empty{padding:32px;border-radius:var(--pitapri-radius);background-color:var(--pitapri-surface);text-align:center}.pitapri-uploader__layout{display:grid;grid-template-areas:"upload" "size" "preview" "adjust" "cart";gap:16px}.pitapri-uploader__step--size{grid-area:size}.pitapri-uploader__step--upload{grid-area:upload}.pitapri-uploader__preview{grid-area:preview}.pitapri-uploader__step--adjust{grid-area:adjust}.pitapri-uploader__step--cart{grid-area:cart}@media(min-width:1024px){.pitapri-uploader__layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"preview upload" "preview size" "preview adjust" "preview cart";grid-template-rows:auto auto auto 1fr;gap:16px 32px}.pitapri-uploader__preview{position:sticky;top:24px;align-self:start}.pitapri-uploader__heading{font-size:28px}}.pitapri-uploader__step{min-width:0;margin:0;padding:16px;border:0;border-radius:var(--pitapri-radius);background-color:var(--pitapri-surface)}.pitapri-uploader__step-title{display:flex;font-family:inherit;letter-spacing:normal;color:inherit;align-items:center;gap:8px;margin:0 0 12px;padding:0;font-size:16px;font-weight:700}.pitapri-uploader__step--size .pitapri-uploader__step-title{float:left;width:100%}.pitapri-uploader__step--size .pitapri-uploader__products{clear:both}.pitapri-uploader__step-number{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background-color:var(--pitapri-step-color);color:#fff;font-size:13px;font-weight:700}.pitapri-uploader__note,.pitapri-uploader__hint{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--pitapri-text-sub)}.pitapri-uploader__note--required{font-size:.9em;font-weight:700}.pitapri-uploader__required-size{color:var(--pitapri-step-color);white-space:nowrap}.pitapri-uploader__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:768px){.pitapri-uploader__products{grid-template-columns:repeat(3,minmax(0,1fr))}}.pitapri-product{display:flex;flex-direction:column;gap:8px;min-width:0;border-radius:calc(var(--pitapri-radius) / 2);cursor:pointer}.pitapri-product:has(.pitapri-product__input:focus-visible){outline:2px solid var(--pitapri-text);outline-offset:4px}@media(forced-colors:active){.pitapri-product:has(.pitapri-product__input:checked){outline:2px solid Highlight}}.pitapri-product--sold-out{cursor:not-allowed;opacity:.5}.pitapri-product__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:calc(var(--pitapri-radius) / 2);background-color:var(--pitapri-sub-surface)}.pitapri-product__image{display:block;width:100%;height:100%;object-fit:contain}.pitapri-product__text-media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;padding:12px;text-align:center}.pitapri-product__text-name{font-size:18px;font-weight:700;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}.pitapri-product__text-size{font-size:14px;color:var(--pitapri-text-sub)}.pitapri-product__check{position:absolute;top:8px;right:8px;display:none;width:28px;height:28px;border-radius:999px;background-color:var(--pitapri-accent)}.pitapri-product__check:after{content:"";position:absolute;top:7px;left:10px;width:6px;height:11px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.pitapri-product:has(.pitapri-product__input:checked) .pitapri-product__check{display:block}.pitapri-product__body{display:flex;flex-direction:column;gap:2px;min-width:0}.pitapri-product__name{font-weight:700;line-height:1.4;overflow-wrap:anywhere}.pitapri-product__size,.pitapri-product__description{font-size:13px;line-height:1.5;color:var(--pitapri-text-sub)}.pitapri-product__warning{font-size:13px;color:#b3261e}.pitapri-product__price{font-weight:700;color:var(--pitapri-accent-text)}.pitapri-uploader__drop{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:-8px -12px;padding:8px 12px;border-radius:calc(var(--pitapri-radius) / 2);cursor:pointer}.pitapri-uploader__drop.is-dragover{background-color:color-mix(in srgb,var(--pitapri-accent) 10%,var(--pitapri-surface))}.pitapri-uploader__drop:focus-within{outline:2px solid var(--pitapri-text);outline-offset:4px}.pitapri-uploader__drop-button{display:inline-flex;align-items:center;min-height:38px;padding:0 20px;border-radius:999px;background-color:var(--pitapri-text);color:#fff;font-weight:700}.pitapri-uploader__drop-text{min-width:0;font-size:14px;color:var(--pitapri-text-sub);overflow-wrap:anywhere}.pitapri-uploader__stage{position:relative;aspect-ratio:1 / 1;overflow:hidden}.pitapri-uploader__canvas{display:block;width:100%;height:100%}.pitapri-uploader__stage.has-image .pitapri-uploader__canvas{touch-action:none;cursor:grab}.pitapri-uploader__stage.has-image .pitapri-uploader__canvas:active{cursor:grabbing}.pitapri-uploader__canvas:focus-visible{outline:3px solid var(--pitapri-accent);outline-offset:-3px}.pitapri-uploader__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:24px;font-size:14px;color:var(--pitapri-text-sub);text-align:center;pointer-events:none}.pitapri-uploader__placeholder[hidden]{display:none}.pitapri-uploader__zoom{display:flex;align-items:center;gap:8px}.pitapri-uploader__range{--pitapri-range-track: #e6e6e6;flex:1;min-width:0;height:44px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.pitapri-uploader__range:disabled{cursor:not-allowed;opacity:.45}.pitapri-uploader__range:focus-visible{outline:2px solid var(--pitapri-text);outline-offset:2px;border-radius:999px}.pitapri-uploader__range::-webkit-slider-runnable-track{height:4px;border:0;border-radius:999px;background:linear-gradient(to right,var(--pitapri-accent) var(--pitapri-range-progress, 0%),var(--pitapri-range-track) var(--pitapri-range-progress, 0%))}.pitapri-uploader__range::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px;border:0;border-radius:999px;background-color:var(--pitapri-surface);box-shadow:0 1px 4px #0000002e;-webkit-appearance:none;appearance:none}.pitapri-uploader__range::-moz-range-track{height:4px;border:0;border-radius:999px;background-color:var(--pitapri-range-track)}.pitapri-uploader__range::-moz-range-progress{height:4px;border-radius:999px;background-color:var(--pitapri-accent)}.pitapri-uploader__range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:999px;background-color:var(--pitapri-surface);box-shadow:0 1px 4px #0000002e}.pitapri-uploader__zoom-value{width:3.5em;font-size:14px;text-align:right;font-variant-numeric:tabular-nums}.pitapri-uploader__icon-button,.pitapri-uploader__chip{min-height:44px;border:0;border-radius:999px;background-color:var(--pitapri-sub-surface);color:var(--pitapri-text);font-family:inherit;font-size:14px;cursor:pointer}.pitapri-uploader__icon-button{flex-shrink:0;width:44px;font-size:20px}.pitapri-uploader__chip{padding:0 16px;font-size:13px}.pitapri-uploader__icon-button:disabled,.pitapri-uploader__chip:disabled{cursor:not-allowed;opacity:.45}.pitapri-uploader__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pitapri-uploader__status{margin-top:16px}.pitapri-uploader__status[data-state=ok] .pitapri-uploader__status-text{color:#1e6b34}.pitapri-uploader__status[data-state=caution] .pitapri-uploader__status-text{color:#8a5300}.pitapri-uploader__status[data-state=low] .pitapri-uploader__status-text{color:#b3261e}.pitapri-uploader__status-text{margin:0;font-size:15px;font-weight:700;line-height:1.6}.pitapri-uploader__status[data-state=none]{margin-top:0}.pitapri-uploader__status-detail{margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--pitapri-text-sub)}.pitapri-uploader__status-detail:empty{display:none}.pitapri-uploader__confirm{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:15px;line-height:1.6;cursor:pointer}.pitapri-uploader__confirm[hidden]{display:none}.pitapri-uploader__confirm input{flex-shrink:0;width:20px;height:20px;margin:2px 0 0;accent-color:var(--pitapri-accent)}.pitapri-uploader__purchase{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.pitapri-uploader__quantity{display:flex;align-items:center;gap:8px}.pitapri-uploader__quantity-label{font-size:15px}.pitapri-uploader__quantity-input{width:5em;min-height:44px;padding:0 12px;border:0;border-radius:calc(var(--pitapri-radius) / 2);background-color:var(--pitapri-sub-surface);color:var(--pitapri-text);font-family:inherit;font-size:16px}.pitapri-uploader__quantity-input:focus-visible{outline:2px solid var(--pitapri-accent);outline-offset:0}.pitapri-uploader__price{margin:0;font-size:20px;font-weight:700;color:var(--pitapri-accent-text)}.pitapri-uploader__submit{width:100%;min-height:56px;border:0;border-radius:999px;background-color:var(--pitapri-accent);color:#fff;font-family:inherit;font-size:18px;font-weight:700;cursor:pointer}.pitapri-uploader__submit:focus-visible{outline:3px solid var(--pitapri-text);outline-offset:2px}.pitapri-uploader__submit:disabled{cursor:not-allowed;opacity:.45}.pitapri-uploader__submit[aria-busy=true]{cursor:progress}.pitapri-uploader__message{margin:12px 0 0;font-size:15px;line-height:1.6}.pitapri-uploader__message:empty{display:none}.pitapri-uploader__message.has-error{color:#b3261e}.pitapri-uploader__cart-link{display:inline-block;margin-top:8px;color:var(--pitapri-accent-text);font-weight:700}.pitapri-uploader__cart-link[hidden]{display:none}.pitapri-uploader__notes{margin-top:16px;font-size:13px;line-height:1.7;color:var(--pitapri-text-sub)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/nkeu-pitapri-uploader.css.map */