user-upload>*{display:block;margin-inline:auto;margin-bottom:10vh;max-width:90rem}user-upload>*>header{display:grid;gap:1rem;margin-block:2rem;text-align:center}user-upload>*>header .intro{font-size:2rem}user-upload>* .btn-square.btn-square{border-radius:0;max-width:100%;overflow:hidden;text-transform:uppercase}upload-form{padding:2rem}upload-form form{border:.05rem solid rgba(0,0,0,.3);display:grid;gap:2rem;padding:3rem;position:relative}upload-form form>button{justify-self:center}upload-form form input[type=file]{height:calc(100% - 11.5rem);inset:3rem;opacity:0;position:absolute;width:calc(100% - 6rem)}upload-form section{aspect-ratio:2;background-color:#f2f2f2;cursor:pointer;display:grid;place-content:center}upload-form section button{aspect-ratio:1;background-color:#fff;border:0;border-radius:50%;cursor:pointer;padding:2rem}upload-form section svg{aspect-ratio:1;color:rgba(0,0,0,.3);width:5rem}upload-form small{display:none}upload-form.error svg{color:red}upload-form.error small{color:red;display:block;text-align:center}upload-busy section{border:.05rem solid rgba(0,0,0,.3);padding:5rem;text-align:center}upload-busy svg{aspect-ratio:1;margin-block:4rem;width:10rem}upload-busy img{aspect-ratio:1;display:block;margin:2rem auto;-o-object-fit:contain;object-fit:contain;width:10rem}upload-busy button{margin-top:2rem}upload-result{max-width:revert}upload-result header button{justify-self:center}upload-result section{border-top:.1rem solid rgba(0,0,0,.3);container-type:inline-size;display:grid;gap:2rem;margin-inline:auto;margin-top:4rem;max-width:1920px;padding-top:2rem;width:calc(100% - 2rem)}@media(min-width:760px){upload-result section{grid-template-columns:30rem auto}}upload-result aside img{-o-object-fit:contain;object-fit:contain;width:100%}upload-result .headline-medium-section{margin-bottom:1rem}upload-result .products{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr))}upload-result .products:empty:before{content:attr(data-empty-message)}upload-result .products>div:empty{display:none}upload-product{border:.05rem solid rgba(0,0,0,.3);padding-bottom:2rem;-moz-column-break-inside:avoid;break-inside:avoid;display:grid;margin-bottom:2rem;opacity:var(--opacity,0);transition:opacity .5s}upload-product:not(:has(>svg)){grid-template-columns:auto 4rem}upload-product:has(>svg){aspect-ratio:.7;place-content:center}upload-product *{font-size:1.3rem;grid-column:span 2}upload-product svg{aspect-ratio:1;color:rgba(0,0,0,.3);width:5rem}upload-product img{cursor:pointer;width:100%}upload-product>:not(img){margin-inline:1rem}upload-product wishlist-button{cursor:pointer;grid-column:2/2;justify-self:center;margin:1rem 0 0}upload-product aside{grid-column:1/1;margin-top:1rem;text-transform:lowercase}upload-product header{font-family:archivo-black,black-fallback,arial;grid-column:1/1;text-transform:uppercase}upload-product p{margin-block:1rem}upload-product:has(upload-explanation button){padding-bottom:0}upload-product upload-explanation{margin-top:1rem}upload-product upload-explanation:has(button){border-top:.05rem solid rgba(0,0,0,.3)}upload-product upload-explanation:has(button) button{background:transparent;border:0;color:#000;cursor:pointer;display:flex;font-size:.8rem;justify-content:space-between;letter-spacing:.1rem;padding-block:1rem;text-transform:uppercase;width:100%}upload-product upload-explanation:has(button) button:after{content:"";font-family:icomoon;speak:none;font-size:2rem;font-style:normal;font-variant:normal;font-weight:500;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-size:1.1rem}upload-product upload-explanation:has(button)+a{display:none}upload-product upload-explanation:has([href="#loader"]){display:grid;place-content:center}upload-product upload-explanation:has([href="#loader"]) svg{aspect-ratio:1;color:#000;height:2rem}upload-product upload-explanation:has([href="#loader"])+a{display:none}upload-product a{color:#09090b;font-size:1rem;letter-spacing:.01rem;margin-top:1rem;text-decoration:underline;text-transform:uppercase}