logo-upload{--lu-fg: var(--color-foreground, 18 18 18);--lu-bg: var(--color-background, 255 255 255);display:grid;gap:.75rem}logo-upload.is-inlined{margin-block:1.25rem}.logo-upload__title,.logo-upload__helper p{margin:0}.logo-upload__dropzone{min-height:88px;padding:1.25rem 1rem;border:1.5px dashed rgb(var(--lu-fg) / .35);border-radius:var(--rounded-input, 8px);background:rgb(var(--lu-fg) / .03);cursor:pointer;transition:border-color .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}.logo-upload__dropzone:hover,.logo-upload__dropzone.is-dragover{border-color:rgb(var(--lu-fg) / .8);background:rgb(var(--lu-fg) / .06)}.logo-upload__dropzone:focus-visible{outline:2px solid rgb(var(--lu-fg));outline-offset:2px}.logo-upload__icon{opacity:.6}logo-upload.is-busy .logo-upload__dropzone{pointer-events:none;opacity:.6}logo-upload.is-busy .logo-upload__icon{animation:logo-upload-pulse 1s ease-in-out infinite}@keyframes logo-upload-pulse{50%{opacity:.2}}@media(prefers-reduced-motion:reduce){logo-upload.is-busy .logo-upload__icon{animation:none}}[data-mobile-only]{display:none}@media(hover:none)and (pointer:coarse){[data-desktop-only]{display:none}[data-mobile-only]{display:inline}}logo-upload.has-error .logo-upload__dropzone{border-color:#dc352f}.logo-upload__card{display:grid;gap:.75rem;padding:.875rem 1rem;border:1px solid rgb(var(--lu-fg) / .15);border-radius:var(--rounded-input, 8px);background:rgb(var(--lu-fg) / .03)}.logo-upload__thumb{width:56px;height:56px;border-radius:6px;overflow:hidden;border:1px solid rgb(var(--lu-fg) / .12);background:conic-gradient(rgb(var(--lu-fg) / .1) 0 25%,transparent 0 50%,rgb(var(--lu-fg) / .1) 0 75%,transparent 0) 0 0 / 14px 14px,rgb(var(--lu-bg))}.logo-upload__thumb img{width:100%;height:100%;object-fit:contain}.logo-upload__filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.logo-upload__badge{justify-self:start;padding:.2em .65em;border-radius:999px;font-size:.75rem;font-weight:500;line-height:1.6}.logo-upload__badge.is-pass{background:#1880381f;color:#146a2f}.logo-upload__badge.is-warn{background:#b2740824;color:#8c5a06}.logo-upload__actions{border-top:1px solid rgb(var(--lu-fg) / .1);padding-top:.625rem}.logo-upload__action{-webkit-appearance:none;appearance:none;background:none;border:none;padding:.5rem .25rem;margin:-.5rem 0;font:inherit;font-size:.875rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:rgb(var(--lu-fg))}.logo-upload__action:hover{text-decoration-thickness:2px}.logo-upload__action:focus-visible{outline:2px solid rgb(var(--lu-fg));outline-offset:2px;border-radius:2px}.logo-upload__status{line-height:1.5}.logo-upload__status:empty{display:none}.logo-upload__status.is-warn{color:#8c5a06}.logo-upload__status.is-error{color:#be2822}.logo-upload__status.is-pass{color:#146a2f}.logo-upload__check{cursor:pointer;line-height:1.45}.logo-upload__check input{margin-top:.2em;flex-shrink:0}.logo-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.logo-upload-overlay__box{position:absolute;display:flex;align-items:center;justify-content:center}.logo-upload-overlay__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .35)) drop-shadow(0 4px 8px rgb(0 0 0 / .22))}.logo-upload-overlay[data-blend=multiply] .logo-upload-overlay__img{mix-blend-mode:multiply}.logo-upload-overlay[data-blend=screen] .logo-upload-overlay__img{mix-blend-mode:screen}.logo-upload-overlay[data-blend=darken] .logo-upload-overlay__img{mix-blend-mode:darken}.logo-upload-overlay.is-placeholder .logo-upload-overlay__box{border-radius:6px}.logo-upload-overlay.is-placeholder .logo-upload-overlay__box:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;--b: 2px;--l: 16px;--c: rgb(255 255 255 / .9);background:linear-gradient(var(--c) 0 0),linear-gradient(var(--c) 0 0),linear-gradient(var(--c) 0 0),linear-gradient(var(--c) 0 0),linear-gradient(var(--c) 0 0),linear-gradient(var(--c) 0 0),linear-gradient(var(--c) 0 0),linear-gradient(var(--c) 0 0);background-repeat:no-repeat;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-size:var(--l) var(--b),var(--b) var(--l),var(--l) var(--b),var(--b) var(--l),var(--l) var(--b),var(--b) var(--l),var(--l) var(--b),var(--b) var(--l);filter:drop-shadow(0 1px 2px rgb(0 0 0 / .45));animation:logo-upload-breathe 2.4s ease-in-out infinite}.logo-upload-overlay__placeholder{color:#ffffffe6;font-size:clamp(.6rem,2vw,.8rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:.25rem;text-shadow:0 1px 3px rgb(0 0 0 / .65)}@keyframes logo-upload-breathe{0%,to{opacity:.55}50%{opacity:1}}.logo-upload-overlay__tag{position:absolute;top:0;left:50%;transform:translate(-50%,-145%) scale(.9);padding:.18em .65em;border-radius:999px;background:#0000009e;color:#fffffff2;font-size:.625rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)}.logo-upload-overlay.has-logo .logo-upload-overlay__tag{opacity:1;transform:translate(-50%,-145%) scale(1)}.logo-upload-overlay__note{position:absolute;left:50%;bottom:.5rem;transform:translate(-50%);max-width:calc(100% - 1rem);padding:.3em .8em;border-radius:999px;background:#0000008c;color:#ffffffe6;font-size:.6875rem;line-height:1.4;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.logo-upload-overlay.has-logo .logo-upload-overlay__img{animation:logo-upload-settle .5s cubic-bezier(.2,.8,.2,1) both}@keyframes logo-upload-settle{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.logo-upload-overlay.has-logo .logo-upload-overlay__box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;animation:logo-upload-pop .7s ease-out both;pointer-events:none}@keyframes logo-upload-pop{0%{box-shadow:0 0 #ffffff8c}to{box-shadow:0 0 0 18px #fff0}}@media(prefers-reduced-motion:reduce){.logo-upload-overlay.has-logo .logo-upload-overlay__img,.logo-upload-overlay.is-placeholder .logo-upload-overlay__box:before,.logo-upload-overlay.has-logo .logo-upload-overlay__box:after{animation:none}}@media(max-width:360px){.logo-upload-overlay__note{display:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/logo-upload.css.map */