.hp-studio{--hp-studio-ease: cubic-bezier(.22, 1, .36, 1);padding:1.5rem 0 4rem;color:var(--hp-text, #171717)}.hp-studio__form{display:flex;flex-direction:column;gap:0}.hp-studio__title{margin:0 0 1.75rem;font-family:var(--font-heading--family);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;letter-spacing:-.02em}.hp-studio-how{width:100%;margin:2.25rem 0 0}.hp-studio-how__heading{margin:0 0 1.25rem;font-family:var(--font-heading--family);font-size:clamp(1.25rem,2.4vw,1.5rem);font-weight:400}.hp-studio-how__grid{display:grid;gap:.875rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.hp-studio-how__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.125rem}}.hp-studio-how__card{position:relative;display:flex;flex-direction:column;min-height:11rem;padding:1.4rem 1.4rem 1.65rem;border-radius:22px;overflow:hidden}@media screen and (min-width:750px){.hp-studio-how__card{min-height:13.25rem}}.hp-studio-how__card:nth-child(1){background:#f5e6e3}.hp-studio-how__card:nth-child(2){background:#f3edd8}.hp-studio-how__card:nth-child(3){background:#e4ebe6}.hp-studio-how__num{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:1.1rem;border-radius:999px;font-family:var(--font-heading--family);font-size:.75rem;letter-spacing:.04em;line-height:1}.hp-studio-how__card:nth-child(1) .hp-studio-how__num{background:#e8c4c4;color:#5c3d3d}.hp-studio-how__card:nth-child(2) .hp-studio-how__num{background:#e2d09a;color:#5c4a22}.hp-studio-how__card:nth-child(3) .hp-studio-how__num{background:#b5c6b8;color:#2f4336}.hp-studio-how__card h3{position:relative;margin:0 0 .45rem;font-family:var(--font-heading--family);font-size:1.1875rem;font-weight:400}.hp-studio-how__card p{position:relative;margin:0;font-size:.9375rem;line-height:1.55;color:#4a4a4a}.hp-studio-how__note{margin:1.25rem 0 0;font-size:.875rem;line-height:1.55;color:#666}.hp-studio-progress{display:flex;gap:.35rem;overflow-x:auto;margin:0;padding-bottom:.15rem;scrollbar-width:none}.hp-studio-progress::-webkit-scrollbar{display:none}.hp-studio-progress__item{flex:0 0 auto;padding:.45rem .8rem;border:0;border-radius:999px;background:#f2f2f2;color:#888;font-size:.75rem;letter-spacing:.02em;cursor:pointer;transition:background .35s var(--hp-studio-ease),color .35s var(--hp-studio-ease),opacity .35s ease}.hp-studio-progress__item:disabled{cursor:default;opacity:.55}.hp-studio-progress__item.is-done{background:#ececec;color:#444}.hp-studio-progress__item.is-current{background:#171717;color:#fff;opacity:1}.hp-studio-stage{position:relative;display:grid}.hp-studio-step{grid-area:1 / 1;padding-top:1.5rem;opacity:0;visibility:hidden;pointer-events:none;transform:translate(1.75rem);transition:opacity .45s var(--hp-studio-ease),transform .45s var(--hp-studio-ease),visibility .45s}.hp-studio-step:not(.is-visible){position:absolute;left:0;right:0;top:0;width:100%}.hp-studio-step.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:1}.hp-studio-step.is-leave-left{opacity:0;transform:translate(-1.75rem)}.hp-studio-step.is-leave-right{opacity:0;transform:translate(1.75rem)}.hp-studio-step.is-enter-right{opacity:0;transform:translate(1.75rem);transition:none}.hp-studio-step.is-enter-left{opacity:0;transform:translate(-1.75rem);transition:none}.hp-studio-panel{display:flex;flex-direction:column;margin-top:1.15rem;padding:1.5rem 1.35rem;border-radius:28px;background:#efefef}.hp-studio-panel .hp-studio__field{width:100%;max-width:28rem}.hp-studio-panel .hp-studio__field input{padding:.9rem 1rem;font-size:1rem}.hp-studio-panel .hp-studio__fields{width:100%;margin:0}.hp-studio-panel .hp-studio__fields .hp-studio__field,.hp-studio-panel--contact .hp-studio__field{max-width:none}.hp-studio-panel--review{justify-content:flex-start;padding:.5rem .35rem}.hp-studio-review{width:100%}.hp-studio-review__row{display:grid;grid-template-columns:6.5rem minmax(0,1fr) auto;gap:.75rem 1rem;align-items:center;padding:.85rem 1.15rem;border-bottom:1px solid rgb(0 0 0 / 6%)}.hp-studio-review__row:last-child{border-bottom:0}.hp-studio-review__label{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:#888}.hp-studio-review__value{font-size:.9375rem;line-height:1.4;min-width:0}.hp-studio-review__photo{display:flex;align-items:center;gap:.75rem;min-width:0}.hp-studio-review__thumb{flex:0 0 3.25rem;width:3.25rem;height:3.25rem;border-radius:10px;background:#e4e4e4 center / cover no-repeat}.hp-studio-review__edit{border:0;padding:0;background:none;color:#666;font-size:.8125rem;cursor:pointer;text-decoration:underline;text-underline-offset:.18em}@media screen and (max-width:749px){.hp-studio-review__row{grid-template-columns:minmax(0,1fr) auto}.hp-studio-review__label{grid-column:1 / -1}}@media screen and (min-width:640px){.hp-studio-panel--contact .hp-studio__field--full{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.hp-studio-step,.hp-studio-progress__item,.hp-studio-how-wrap{transition:none}}.hp-studio__upload{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:14rem;margin-top:1.15rem;border-radius:28px;background:#efefef;overflow:hidden;cursor:pointer}.hp-studio__upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.hp-studio__upload-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#666;pointer-events:none;text-align:center;padding:1.5rem}.hp-studio__upload-icon{color:#171717}.hp-studio__upload-label{font-family:var(--font-heading--family);font-size:1.125rem;color:#171717}.hp-studio__upload-hint{font-size:.875rem}.hp-studio__upload-preview{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.hp-studio__upload:has(.hp-studio__upload-preview:not([hidden])) .hp-studio__upload-empty{display:none}.hp-studio-step__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.hp-studio-step__title{margin:0;font-family:var(--font-heading--family);font-size:1.125rem;font-weight:400}.hp-studio-step__hint{margin:.35rem 0 0;font-size:.8125rem;color:#888}.hp-studio-search{margin:0 0 1rem}.hp-studio-search__field input{width:100%;padding:.85rem 1rem;border:1px solid #e4e4e4;border-radius:999px;font-family:inherit;font-size:.9375rem;background:#fff}.hp-studio-search__field input:focus{outline:0;border-color:#171717}.hp-studio-search__empty{margin:.75rem 0 0;font-size:.875rem;color:#888}.hp-studio-step__nav{display:flex;gap:.625rem;margin-left:auto}.hp-studio-rail{overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;padding-inline:1.25rem}.hp-studio-rail::-webkit-scrollbar{display:none}@media screen and (min-width:990px){.hp-studio-rail{padding-inline:0;width:min(100% - 0rem,var(--hp-max-width, 1440px));margin-inline:auto;padding-inline:1.25rem}}.hp-studio-rail__track{display:flex;gap:.75rem}.hp-studio-card{position:relative;flex:0 0 min(11.5rem,42vw);aspect-ratio:1;border:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.hp-studio-card.is-selected{box-shadow:none}.hp-studio-card.is-selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border:2.5px solid #171717;border-radius:inherit;pointer-events:none;box-sizing:border-box}.hp-studio-card__fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#efefef}.hp-studio-palette{display:grid;gap:1rem;max-width:36rem}.hp-studio-palette__saved{display:grid;gap:.625rem}.hp-studio-palette__empty{margin:0;font-size:.9375rem;color:#666}.hp-studio-palette__chip{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border:1px solid #e8e8e8;border-radius:12px;background:#f7f6f6}.hp-studio-palette__chip-swatch{width:1.75rem;height:1.75rem;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000014}.hp-studio-palette__chip-text{flex:1;min-width:0;font-size:.9375rem;line-height:1.3}.hp-studio-palette__chip-label{display:block;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:#666}.hp-studio-palette__chip-remove{width:2rem;height:2rem;border:0;border-radius:50%;background:transparent;color:#666;cursor:pointer}.hp-studio-palette__chip-remove:hover{color:#171717;background:#ececec}.hp-studio-palette__open{justify-self:start}.hp-studio-palette__panel{display:grid;gap:1rem;padding:1.25rem;border:1px solid #e8e8e8;border-radius:16px;background:#fff}.hp-studio-palette__panel[hidden]{display:none}.hp-studio-palette__panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hp-studio-palette__panel-title{margin:0;font-family:var(--font-heading--family);font-size:1.125rem;font-weight:var(--font-heading--weight)}.hp-studio-palette__close{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#f4f2f3;color:#171717;cursor:pointer}.hp-studio-palette__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem}.hp-studio-palette__swatch{aspect-ratio:1;border:0;border-radius:10px;background:var(--swatch, #ccc);box-shadow:inset 0 0 0 1px #00000014;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.hp-studio-palette__swatch.is-light{box-shadow:inset 0 0 0 1px #ddd}.hp-studio-palette__swatch.is-active{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #171717;transform:scale(1.04)}.hp-studio-palette__custom{display:grid;gap:.75rem}.hp-studio-palette__field{display:grid;gap:.375rem;font-size:.8125rem;color:#666}.hp-studio-palette__code-row{display:flex;align-items:center;gap:.625rem}.hp-studio-palette__native{width:2.75rem;height:2.75rem;padding:0;border:1px solid #e5e5e5;border-radius:10px;background:transparent;cursor:pointer}.hp-studio-palette__native::-webkit-color-swatch-wrapper{padding:3px}.hp-studio-palette__native::-webkit-color-swatch{border:0;border-radius:7px}.hp-studio-palette__hex{flex:1;min-width:0;min-height:2.75rem;padding:0 .875rem;border:1px solid #e5e5e5;border-radius:10px;background:#f7f6f6;font:inherit;font-size:.9375rem;letter-spacing:.04em;text-transform:uppercase;outline:none}.hp-studio-palette__hex:focus{border-color:#171717;background:#fff}.hp-studio-palette__preview-wrap{display:flex;align-items:center;gap:.75rem}.hp-studio-palette__preview-label{font-size:.8125rem;color:#666}.hp-studio-palette__preview{width:3rem;height:3rem;border-radius:10px;box-shadow:inset 0 0 0 1px #00000014}.hp-studio-palette__choose{justify-self:start}@media screen and (max-width:749px){.hp-studio-palette__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.hp-studio__fields{display:grid;gap:1rem;margin-bottom:1.25rem}@media screen and (min-width:640px){.hp-studio__fields{grid-template-columns:1fr 1fr}}.hp-studio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding-top:1.5rem}.hp-studio-actions [hidden],.hp-studio .hp-btn[hidden],.hp-studio-how-wrap[hidden]{display:none!important}.hp-studio .hp-btn:disabled{opacity:.55;pointer-events:none}.hp-studio-actions__back,.hp-studio-actions__skip{border:0;padding:0;background:none;color:#666;font-size:.875rem;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}.hp-studio-actions__continue{margin-left:auto}.hp-studio-actions__continue:disabled{opacity:.4;cursor:default}.hp-studio-actions__error{flex:1 0 100%;margin:0;color:#b42318;font-size:.875rem}.hp-studio__fields--end{margin-top:1.15rem}.hp-studio__field{display:flex;flex-direction:column;gap:.4rem;font-size:.8125rem}.hp-studio__field input{width:100%;padding:.75rem .875rem;border:1px solid #e4e4e4;border-radius:8px;font-family:inherit;font-size:.9375rem}.hp-studio__submit{margin-left:auto;border:0}.hp-studio__success{margin:2rem 0;font-family:var(--font-heading--family);font-size:1.25rem;line-height:1.5}.hp-studio__error{color:#b42318;font-size:.875rem}@media screen and (min-width:990px){.hp-studio{padding-top:2.25rem}.hp-studio-card{flex-basis:calc((100% - 2.25rem)/4)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/hp-custom-studio.css.map */