.wall-visualizer{min-height:60vh;padding:4rem 0 6rem;color:rgba(var(--color-foreground),.85);background:rgb(var(--color-background))}.wall-visualizer--locked{display:flex;align-items:center;justify-content:center;text-align:center}.wall-visualizer__lock{max-width:40rem;padding:0 2.4rem}.wall-visualizer__login-btn{display:inline-block;margin:1.6rem 0;padding:1.2rem 3.2rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:.6rem;font-weight:600;text-decoration:none}.wall-visualizer__intro{max-width:60rem;margin:3rem auto 2rem;padding:0 2.4rem;text-align:center}.wall-visualizer__heading{font-family:var(--font-heading-family);font-size:3.2rem;margin:0 0 .8rem}.wall-visualizer__subheading{margin:0;opacity:.75}.wall-visualizer__steps{display:flex;justify-content:center;gap:1.2rem;list-style:none;margin:0 0 3rem;padding:0 2.4rem;flex-wrap:wrap}.wall-visualizer__step{font-size:1.3rem;padding:.6rem 1.2rem;border-radius:999px;border:.1rem solid rgba(var(--color-foreground),.2);opacity:.5}.wall-visualizer__step.is-active{opacity:1;border-color:rgb(var(--color-button));font-weight:600}.wall-visualizer__step.is-done{opacity:.8}.wall-visualizer__panel{max-width:96rem;margin:0 auto;padding:0 2.4rem}.wall-visualizer__hint{text-align:center;opacity:.7;margin:0 0 2rem}.wall-visualizer__divider{text-align:center;opacity:.5;font-size:1.3rem;margin:2rem 0}.wall-visualizer__upload{display:flex;justify-content:center}.wall-visualizer__upload span{display:inline-block;padding:1.4rem 3.2rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:.6rem;cursor:pointer;font-weight:600}.wall-visualizer__search{width:100%;padding:1.2rem 1.6rem;margin-bottom:2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.6rem;font-size:1.5rem;background:rgb(var(--color-background));color:inherit}.wall-visualizer__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,20rem));justify-content:center;gap:1.6rem}.wall-visualizer__grid--walls{grid-template-columns:repeat(auto-fill,minmax(13rem,15rem))}.wall-visualizer__card{display:flex;flex-direction:column;gap:.8rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.6rem;background:none;cursor:pointer;overflow:hidden;text-align:left;color:inherit;transition:border-color .15s ease}.wall-visualizer__card:hover{border-color:rgb(var(--color-button))}.wall-visualizer__card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.wall-visualizer__card span{padding:0 1rem 1rem;font-size:1.4rem}.wall-visualizer__card span em{display:block;font-style:normal;opacity:.6;font-size:1.2rem;margin-top:.2rem}.wall-visualizer__back{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;font-size:1.4rem;margin-bottom:1.6rem;padding:0}.wall-visualizer__empty{opacity:.6}.wall-visualizer__toolbar{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-bottom:1.6rem;flex-wrap:wrap}.wall-visualizer__dimensions{font-size:1.4rem;font-weight:600;padding:.6rem 1.2rem;border-radius:999px;background:rgba(var(--color-foreground),.06)}.wall-visualizer__toolbar button{padding:.9rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.6rem;background:rgb(var(--color-background));color:inherit;cursor:pointer;font-size:1.4rem}.wall-visualizer__toolbar button:hover{border-color:rgb(var(--color-button))}.wall-visualizer__stage{position:relative;display:inline-block;max-width:100%;margin:0 auto;text-align:center;overflow:hidden;border-radius:.6rem;background:rgba(var(--color-foreground),.04)}.wall-visualizer__panel--stage{text-align:center}.wall-visualizer__wall-img{display:block;max-width:min(64rem,100%);max-height:60vh;width:auto;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.wall-visualizer__overlay{position:absolute;touch-action:none}.wall-visualizer__overlay img{width:100%;height:100%;display:block;cursor:grab;touch-action:none;filter:drop-shadow(0 .8rem 1.6rem rgba(0,0,0,.35))}.wall-visualizer__overlay img:active{cursor:grabbing}.wall-visualizer__handle{position:absolute;right:-.8rem;bottom:-.8rem;width:1.8rem;height:1.8rem;border-radius:50%;background:rgb(var(--color-button));border:.2rem solid rgb(var(--color-background));cursor:nwse-resize;touch-action:none}
/*# sourceMappingURL=/cdn/shop/t/71/assets/component-wall-visualizer.css.map */