.hpx-stage{position:sticky;top:2rem;width:100%;overflow:hidden;border-radius:var(--media-radius, 12px);border:1px solid rgba(var(--color-foreground),.05);background:#fff}.hpx-stage canvas{display:block;width:100%;height:auto;aspect-ratio:1 / 1}body.hpx-personalized media-gallery{display:block;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important;margin:0!important;padding:0!important}body.hpx-personalized variant-selects{display:none!important}.hpx-pz{margin:1.6rem 0}.hpx-group{margin:0 0 1.2rem}.hpx-group__label{margin:0 0 .2rem;font-size:1.3rem;letter-spacing:.04rem;color:rgba(var(--color-foreground),.75)}.hpx-group__items{display:flex;flex-wrap:wrap}.hpx-swatch{box-sizing:border-box;width:2.8rem;height:2.8rem;margin:.7rem 1.2rem .2rem 0;padding:0;border:1px solid rgba(var(--color-foreground),.15);border-radius:50%;outline:1px solid transparent;outline-offset:2px;cursor:pointer}.hpx-swatch.is-on{outline-color:rgb(var(--color-foreground))}.hpx-pill{box-sizing:border-box;height:3.6rem;margin:.7rem .5rem .2rem 0;padding:0 2rem;border:1px solid rgba(var(--color-foreground),.55);border-radius:var(--variant-pills-radius, 40px);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem;cursor:pointer}.hpx-pill.is-disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}.hpx-swatch.is-disabled{opacity:.35;cursor:not-allowed;background-image:linear-gradient(135deg,transparent 46%,rgba(var(--color-foreground),.6) 47%,rgba(var(--color-foreground),.6) 53%,transparent 54%)!important}.hpx-pill.is-on{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.hpx-pz__fields{margin:1.6rem 0 0;padding:1.4rem 1.6rem .4rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--inputs-radius, 10px)}.hpx-pz__fields legend{padding:0 .6rem;font-size:1.3rem;letter-spacing:.06rem;text-transform:uppercase;color:rgba(var(--color-foreground),.75)}.hpx-field{margin-bottom:1.2rem}.hpx-field label{display:block;margin-bottom:.4rem;font-size:1.4rem}.hpx-field input[type=text]{width:100%;box-sizing:border-box;padding:1rem 1.2rem;border:1px solid rgba(var(--color-foreground),.55);border-radius:var(--inputs-radius, 10px);background:transparent;color:inherit;font:inherit}.hpx-req{color:#c0392b}.hpx-pz__error{margin:0 0 1.2rem;color:#c0392b;font-weight:600}.hpx-designs{display:flex;gap:1rem}.hpx-design{padding:2px;border:2px solid transparent;border-radius:8px;background:none;cursor:pointer}.hpx-design.is-on{border-color:rgb(var(--color-foreground))}.hpx-design img{display:block;border-radius:6px}.hpx-group__label{display:flex;align-items:center;flex-wrap:wrap}.hpx-group__label .ks-chart-container{display:inline-flex!important;align-items:center;width:auto!important;margin:0 0 0 auto!important;padding:0!important}.hpx-group__label .ks-chart-container .ks-chart-modal-link{display:inline-flex!important;align-items:center;margin:0!important;font-size:1.3rem;text-decoration:underline;cursor:pointer}.hpx-stage canvas{cursor:zoom-in;transition:transform .25s ease}.hpx-stage.is-zoomed{touch-action:none}.hpx-stage.is-zoomed canvas{transform:scale(2);cursor:zoom-out;transition:none}.hpx-zoom-btn{position:absolute;top:1.2rem;right:1.2rem;z-index:1;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:1px solid rgba(var(--color-foreground),.12);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;opacity:0;transition:opacity .2s ease}.hpx-stage:hover .hpx-zoom-btn,.hpx-zoom-btn:focus-visible{opacity:1}@media(hover:none){.hpx-zoom-btn{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/hapixar-personalizer.css.map */