.car-photo-upload{margin:1.8rem 0;padding:1.8rem;background:rgba(var(--color-foreground),.035);border:.1rem solid rgba(var(--color-foreground),.14);border-radius:.8rem}.car-photo-upload__heading-row{display:block}.car-photo-upload__heading{margin:0;font-size:1.7rem;line-height:1.25}.car-photo-upload__description{margin:.45rem 0 0;font-size:1.2rem;line-height:1.45;opacity:.72}.car-photo-upload__photos{min-width:0;margin:1.5rem 0 0;padding:0;border:0}.car-photo-upload__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.car-photo-upload__grid[data-visible-count="1"]{grid-template-columns:1fr}.car-photo-upload__item{position:relative;min-width:0;aspect-ratio:1.55 / 1}.car-photo-upload__item[hidden]{display:none}.car-photo-upload__input{position:absolute;width:1px;height:1px;opacity:0}.car-photo-upload__dropzone{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;overflow:hidden;cursor:pointer;border:.12rem dashed rgba(var(--color-foreground),.3);border-radius:.55rem;transition:border-color .2s,background .2s}.car-photo-upload__dropzone:hover{background:rgba(var(--color-background),.65);border-color:rgb(var(--color-button))}.car-photo-upload__icon{width:2.3rem;height:2.3rem}.car-photo-upload__icon svg{width:100%;height:100%}.car-photo-upload__dropzone strong,.car-photo-upload__dropzone small,.car-photo-upload__icon{position:relative;z-index:2}.car-photo-upload__dropzone strong{font-size:1.1rem}.car-photo-upload__dropzone small{font-size:1rem;opacity:.65}.car-photo-upload__preview,.car-photo-upload__preview img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.car-photo-upload__preview img{object-fit:cover}.car-photo-upload__item.has-photo .car-photo-upload__dropzone{color:#fff;border-style:solid}.car-photo-upload__item.has-photo .car-photo-upload__dropzone:after{content:"";position:absolute;top:30%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#000000c2)}.car-photo-upload__item.has-photo .car-photo-upload__icon{display:none}.car-photo-upload__remove{position:absolute;z-index:4;top:.45rem;right:.45rem;width:2.5rem;height:2.5rem;padding:0;color:#fff;background:#000000b8;border:0;border-radius:50%;cursor:pointer;font-size:1.8rem;line-height:1}.car-photo-upload__add{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:4.2rem;margin-top:.8rem;padding:.8rem 1.2rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.12rem dashed rgba(var(--color-foreground),.3);border-radius:.55rem;cursor:pointer;font:inherit;font-size:1.1rem;font-weight:700;transition:border-color .2s,background .2s}.car-photo-upload__add span{color:rgb(var(--color-button));font-size:2rem;font-weight:400;line-height:1}.car-photo-upload__add:hover{background:rgba(var(--color-background),.65);border-color:rgb(var(--color-button))}.car-photo-upload__add[hidden]{display:none}.car-photo-upload__help{margin:.8rem 0 0;font-size:1rem;opacity:.62}.car-photo-upload__privacy{display:flex;gap:.6rem;align-items:flex-start;margin:1.3rem 0 0;font-size:1rem;line-height:1.4;opacity:.7}.car-photo-upload__privacy svg{flex:0 0 1.5rem;width:1.5rem;height:1.5rem}.car-photo-upload__input:focus-visible+.car-photo-upload__dropzone,.car-photo-upload__add:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}@media screen and (max-width:479px){.car-photo-upload{padding:1.4rem}.car-photo-upload__grid{grid-template-columns:1fr}.car-photo-upload__item{aspect-ratio:1.8 / 1}}@media(prefers-reduced-motion:reduce){.car-photo-upload__dropzone{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-car-photo-upload.css.map */