.photo-frame-customizer{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.photo-frame-customizer__hero{max-width:64rem;margin:0 auto 3.2rem;text-align:center}.photo-frame-customizer__eyebrow{margin:0 0 1.2rem;font-size:1.1rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gw-accent)}.photo-frame-customizer__heading{margin:0 0 1.4rem;font-size:clamp(3.2rem,5vw,5.6rem);line-height:1.05}.photo-frame-customizer__text{margin:0 auto;max-width:52rem;color:rgba(var(--color-foreground),.7)}.photo-frame-customizer__rooms-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.6rem}.photo-frame-customizer__rooms-label{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--color-foreground),.5)}.photo-frame-customizer__rooms{display:flex;gap:.6rem;flex-wrap:wrap}.photo-frame-customizer__room{border:.1rem solid rgba(var(--color-foreground),.2);background:none;cursor:pointer;padding:.6rem 1.4rem;border-radius:999px;font-size:1.2rem;letter-spacing:.06em;color:rgb(var(--color-foreground));transition:background .15s ease,color .15s ease,border-color .15s ease}.photo-frame-customizer__room:hover{border-color:var(--gw-accent)}.photo-frame-customizer__room.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.photo-frame-customizer__rooms-hint{font-size:1.1rem;color:rgba(var(--color-foreground),.45)}.photo-frame-customizer__inner:not(.is-room-view) .photo-frame-customizer__rooms-hint{display:none}.photo-frame-customizer__reset{border:.1rem solid rgba(var(--color-foreground),.2);background:none;cursor:pointer;padding:.6rem 1.4rem;border-radius:999px;font-size:1.2rem;color:rgb(var(--color-foreground));transition:border-color .15s ease}.photo-frame-customizer__reset:hover{border-color:var(--gw-accent)}.photo-frame-customizer__stage.is-room{touch-action:none;cursor:grab}.photo-frame-customizer__stage.is-dragging{cursor:grabbing}.photo-frame-customizer__stage.is-dragging .frame{transition:none}.photo-frame-customizer__stage{position:relative;max-width:92rem;margin:0 auto;padding:5rem 3rem;overflow:hidden;border-radius:1.2rem;background:radial-gradient(120% 90% at 20% 0%,#eceae5,#d9d6cf);display:flex;justify-content:center}.photo-frame-customizer__stage .gallery-wall{position:relative;width:min(62%,44rem)}.photo-frame-customizer__stage.is-room{padding:0;display:block;aspect-ratio:var(--room-ratio, 1374 / 1145);background-color:#e6e3dd;background-image:var(--room-image);background-size:cover;background-position:center}.photo-frame-customizer__stage.is-room .gallery-wall{position:absolute;left:var(--room-left, 50%);top:var(--room-top, 0);width:var(--room-width, 100%)}.photo-frame-customizer__controls{max-width:92rem;margin:3.2rem auto 0;display:grid;gap:1.6rem}.photo-frame-customizer__row{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}.photo-frame-customizer__row-label{font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.photo-frame-customizer__hint{font-size:1.2rem;color:rgba(var(--color-foreground),.45)}.photo-frame-customizer__toggle{display:inline-flex;gap:.2rem;padding:.3rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:999px}.photo-frame-customizer__toggle-btn{border:none;background:none;cursor:pointer;padding:.6rem 1.6rem;border-radius:999px;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.7);transition:background .15s ease,color .15s ease}.photo-frame-customizer__toggle-btn.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.photo-frame-customizer__dropzone{position:relative;display:flex;align-items:center;justify-content:center;gap:1.2rem;min-height:8.4rem;padding:1.6rem;border-radius:.8rem;background:rgba(var(--color-foreground),.05);border:.1rem dashed rgba(var(--color-foreground),.2);color:rgba(var(--color-foreground),.8);font-size:1.4rem;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease}.photo-frame-customizer__dropzone:hover,.photo-frame-customizer__dropzone.is-dragover{background:rgba(var(--color-foreground),.08);border-color:var(--gw-accent)}.photo-frame-customizer__dropzone.is-missing{background:rgba(var(--color-foreground),.06);border-color:var(--gw-accent)}.photo-frame-customizer__browse{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.25em}.photo-frame-customizer__dropzone.is-filled{justify-content:flex-start;border-style:solid;border-color:rgba(var(--color-foreground),.12);background:rgba(var(--color-foreground),.03)}.photo-frame-customizer__dropzone.is-uploading{opacity:.75}.photo-frame-customizer__dropzone.is-error{border-color:#b3261e;background:#b3261e0f}.photo-frame-customizer__dropzone.is-error .photo-frame-customizer__file{color:#b3261e}.photo-frame-customizer__thumb{flex:0 0 auto;width:4.8rem;height:4.8rem;object-fit:cover;border-radius:.4rem}.photo-frame-customizer__file{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.photo-frame-customizer__clear{flex:0 0 auto;width:2.8rem;height:2.8rem;border:none;border-radius:50%;background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground));font-size:1.8rem;line-height:1;cursor:pointer}.photo-frame-customizer__meta{margin:1rem 0 0;font-size:1.3rem;letter-spacing:.06em;color:rgba(var(--color-foreground),.6);text-align:center}.photo-frame-customizer__note{display:block}.photo-frame-customizer__note-label{display:block;margin-bottom:.8rem;font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.photo-frame-customizer__textarea{width:100%;min-height:9rem;padding:1.2rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.8rem;background:transparent;font:inherit;font-size:1.4rem;line-height:1.5;color:rgb(var(--color-foreground));resize:vertical}.photo-frame-customizer__textarea::placeholder{color:rgba(var(--color-foreground),.45)}.photo-frame-customizer__textarea:focus{outline:none;border-color:var(--gw-accent)}.photo-frame-customizer__notice{margin:0;padding:1.2rem 1.6rem;border-radius:.6rem;border-left:.3rem solid var(--gw-accent);background:rgba(var(--color-foreground),.06);font-size:1.4rem;text-align:left}.photo-frame-customizer__file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.photo-frame-customizer .frame{cursor:pointer}.photo-frame-customizer .gallery-wall.is-no-mat .frame__mat{box-shadow:none}.photo-frame-customizer .gallery-wall.is-no-mat .frame__art{border:0;box-shadow:none}.photo-frame-customizer__hit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:rgba(var(--color-foreground),.55)}.photo-frame-customizer__hit:hover{background:rgba(var(--color-foreground),.06)}.photo-frame-customizer__plus{font-size:2.4rem;line-height:1;opacity:.6}.photo-frame-customizer .frame.is-filled .photo-frame-customizer__plus{display:none}.photo-frame-customizer--in-media{padding-top:0;padding-bottom:0}.photo-frame-customizer--in-media .photo-frame-customizer__rooms-wrap{justify-content:flex-start}.photo-frame-customizer--in-media .photo-frame-customizer__stage{padding:2.4rem 2rem}.photo-frame-customizer--in-media .photo-frame-customizer__controls{margin-top:2.4rem}@media screen and (max-width:749px){.photo-frame-customizer--in-media{margin-bottom:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/photo-frame-customizer.css.map */