.plh{--plh-bg: rgb(var(--color-background));--plh-ink: rgb(var(--color-foreground));--plh-ink-soft: rgba(var(--color-foreground), .75);--plh-ink-faint: rgba(var(--color-foreground), .55);display:block;position:relative;overflow:hidden;isolation:isolate}.plh:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 90% at 78% 45%,rgba(255,255,255,.05),transparent 60%),radial-gradient(90% 70% at 0% 100%,rgba(0,0,0,.22),transparent 70%);pointer-events:none}.plh__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;align-items:center}@media screen and (min-width:990px){.plh__inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:4rem}}.plh__copy{padding-top:1.2rem}@media screen and (min-width:990px){.plh__copy{max-width:52rem;padding:0}.plh__text{max-width:44ch}}.plh__eyebrow{margin:0 0 1.6rem;color:var(--plh-ink-soft)}.plh__heading{margin:0;text-wrap:balance}.plh__text{margin:2rem 0 0;color:var(--plh-ink-soft)}.plh__actions{margin-top:3.2rem}.plh__capabilities{display:flex;flex-wrap:wrap;gap:.8rem 2.2rem;margin:3.2rem 0 0;padding:0;list-style:none;color:var(--plh-ink-faint)}.plh__capabilities li{display:flex;align-items:center;gap:.9rem}.plh__capabilities li:before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:currentColor}.plh__product{display:flex;flex-direction:column;align-items:center}.plh__stage{position:relative;width:100%;height:clamp(38rem,118vw,56rem);container-type:size}@media screen and (min-width:750px){.plh__stage{height:clamp(46rem,70vw,60rem)}}@media screen and (min-width:990px){.plh__stage{height:clamp(40rem,58vh,52rem)}}.plh__stage:before{content:"";position:absolute;left:50%;top:50%;width:78cqh;height:78cqh;max-width:120%;transform:translate(-50%,-48%);background:radial-gradient(closest-side,rgba(236,196,186,.2),rgba(236,196,186,.06) 55%,transparent);pointer-events:none}.plh__bottle{position:absolute;left:50%;bottom:5.9%;height:90%;width:auto;max-width:none;transform:translate(-50%);-webkit-user-select:none;user-select:none;pointer-events:none}.plh__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:pan-y}private-label-hero.is-ready .plh__canvas{cursor:grab}private-label-hero.is-dragging .plh__canvas{cursor:grabbing}.plh__controls{display:none;flex-direction:column;width:100%;align-items:center;gap:1.4rem;margin-top:.4rem;padding-bottom:1.2rem}private-label-hero.is-ready .plh__controls{display:flex}.plh__caption{margin:0;text-align:center;color:var(--plh-ink-faint)}.plh__caption [data-caption-step]{display:block;color:var(--plh-ink)}.plh__caption [data-caption-detail]{display:block;margin-top:.4rem}.plh__toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.6rem}.plh__tool{display:inline-grid;place-items:center;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;background:none;color:var(--plh-ink);cursor:pointer}.plh__tool:focus-visible,.plh__pattern:focus-visible canvas{outline:2px solid var(--plh-ink);outline-offset:1px}.plh__tool{border:1px solid rgba(246,238,230,.35);font-size:1.4rem;line-height:1;transition:border-color .3s ease,background-color .3s ease}.plh__tool:hover{border-color:var(--plh-ink)}.plh__tool svg{width:1.1rem;height:1.1rem}.plh__tool .plh__icon-play,.plh__tool[aria-pressed=true] .plh__icon-pause{display:none}.plh__tool[aria-pressed=true] .plh__icon-play{display:block}private-label-hero.is-static [data-pause]{display:none}@media(prefers-reduced-motion:reduce){.plh__pattern canvas{transition:none}}@media screen and (max-width:480px){.plh__tool{width:2.8rem;height:2.8rem}.plh__pickers{gap:2rem}.plh__pattern canvas,.plh__more-icon{width:3.4rem;height:3.4rem}}.plh__note{width:100%;margin:.4rem 0 0;text-align:center;font-size:1.4rem;line-height:1.5;font-style:italic;color:var(--plh-ink-soft)}.plh__panel{display:flex;flex-direction:column;align-items:center;gap:1.4rem;width:min(100%,38rem)}.plh__picker{display:flex;align-items:center;gap:1.2rem;color:var(--plh-ink-faint);cursor:pointer}.plh__picker input{width:4.8rem;height:4.8rem;padding:0;border:1px solid rgba(var(--color-foreground),.35);border-radius:50%;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}.plh__picker input::-webkit-color-swatch-wrapper{padding:.4rem}.plh__picker input::-webkit-color-swatch{border:0;border-radius:50%}.plh__picker input::-moz-color-swatch{border:0;border-radius:50%}.plh__picker input:focus-visible{outline:2px solid var(--plh-ink);outline-offset:2px}.plh__pickers{position:relative;display:flex;justify-content:center;gap:3.2rem}.plh__finish-toggle{width:4.8rem;height:4.8rem;padding:.4rem;border:1px solid rgba(var(--color-foreground),.35);border-radius:50%;background:none;cursor:pointer}.plh__finish-toggle canvas{display:block;width:100%;height:100%;border-radius:50%}.plh__finish-toggle:hover,.plh__finish-toggle[aria-expanded=true]{border-color:var(--plh-ink)}.plh__finish-toggle:focus-visible{outline:2px solid var(--plh-ink);outline-offset:2px}.plh__finishes{position:absolute;bottom:calc(100% + 1.2rem);left:50%;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem .8rem;width:max-content;max-width:calc(100vw - 3.2rem);padding:1.2rem 1.4rem;transform:translate(-50%);border:1px solid rgba(var(--color-foreground),.2);background:var(--plh-bg);box-shadow:0 1.2rem 3.2rem #00000059}.plh__finishes[hidden]{display:none}.plh__pattern{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:0;border:0;background:none;color:var(--plh-ink-soft);font-family:var(--font-body-family);cursor:pointer}.plh__pattern canvas{display:block;width:4rem;height:4rem;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff47;transition:transform .3s ease}.plh__pattern:hover canvas{transform:scale(1.08)}.plh__pattern[aria-pressed=true] canvas{box-shadow:0 0 0 2px var(--plh-bg),0 0 0 3px var(--plh-ink)}.plh__pattern[aria-pressed=true]{color:var(--plh-ink)}.plh__more{text-decoration:none}.plh__more-icon{display:grid;place-items:center;width:4rem;height:4rem;border:1px dashed rgba(var(--color-foreground),.55);border-radius:50%;font-size:2rem;font-weight:300;line-height:1;color:var(--plh-ink);transition:transform .3s ease,border-color .3s ease}.plh__more:hover .plh__more-icon{transform:scale(1.08);border-color:var(--plh-ink)}.plh__more:focus-visible{outline:none}.plh__more:focus-visible .plh__more-icon{outline:2px solid var(--plh-ink);outline-offset:2px}.plh__pattern-name{font-size:1.1rem;letter-spacing:.13rem;text-transform:uppercase}@media screen and (max-width:480px){.plh__picker input,.plh__finish-toggle{width:4rem;height:4rem}}@media screen and (max-width:480px){.plh__finishes{gap:1rem .4rem;padding:1rem .8rem}.plh__finishes .plh__pattern{width:7rem}}@media screen and (min-width:990px){.plh__product{display:grid;grid-template-columns:minmax(0,1fr) 24rem;align-items:center;column-gap:2.4rem}.plh__controls{align-items:flex-start;gap:2rem;margin:0;padding:0}.plh__caption{text-align:left}.plh__panel{align-items:flex-start;gap:1.6rem;width:100%}.plh__pickers{flex-direction:column;align-items:flex-start;gap:1.2rem}.plh__finishes{top:calc(100% + 1.2rem);bottom:auto;left:0;width:24rem;transform:none;gap:1rem .4rem;padding:1rem .8rem}.plh__finishes .plh__pattern{width:7rem}.plh__toolbar{justify-content:flex-start}.plh__note{margin:0;text-align:left;font-size:1.3rem}}@media screen and (min-width:990px)and (max-width:1199px){.plh__inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3.2rem}.plh__product{grid-template-columns:minmax(0,1fr) 20rem;column-gap:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-private-label-hero.css.map */