.ph-signup{position:relative;flex:0 0 auto;width:calc(100svh * var(--ph-panel-ratio, .719));height:100%;background:linear-gradient(90deg,#11192b14,#11192b2e),var(--ph-signup-bg, none) center / cover no-repeat var(--ph-ink)}.ph-signup__form{width:58%;height:100%;display:grid;align-content:end;gap:clamp(.8rem,1.8svh,1.5rem);padding:clamp(1rem,4svh,4rem);color:var(--ph-on-dark)}.ph-signup__heading{margin:0 0 .5rem;font-family:Antiqua Roman,Georgia,serif;font-size:var(--ph-signup-heading-font-size, clamp(4rem,10.5svh,8.5rem));font-weight:400;line-height:.82;letter-spacing:-.045em;text-transform:uppercase}.ph-signup__field{position:relative;display:grid;gap:.45rem}.ph-signup__field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ph-signup__field input{min-height:clamp(3rem,6svh,4.5rem);border:1px solid rgb(var(--ph-on-dark-rgb) / .75);border-radius:8px;padding:0 1.25rem;background:rgb(var(--ph-on-dark-rgb) / .08);color:inherit;font-family:var(--font-body--family);font-size:var(--ph-signup-font-size, clamp(1rem, 2svh, 1.45rem));font-weight:400;line-height:1;-webkit-appearance:none;appearance:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.ph-signup__field input:hover{background:rgb(var(--ph-on-dark-rgb) / .13)}.ph-signup__field input:focus-visible{border-color:var(--ph-on-dark);outline:0;background:rgb(var(--ph-on-dark-rgb) / .16);box-shadow:0 0 0 3px rgb(var(--ph-muted-mauve-rgb) / .35)}.ph-signup__field input::placeholder{color:rgb(var(--ph-on-dark-rgb) / .6)}.ph-signup__form button[type=submit]{min-height:clamp(3.4rem,6.8svh,5rem);border:0;border-radius:8px;background:var(--ph-muted-mauve);color:var(--ph-on-dark);font-family:var(--font-body--family);font-size:var(--ph-signup-font-size, clamp(1rem, 2.2svh, 1.55rem));font-weight:700;line-height:1;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s ease,box-shadow .2s ease}.ph-signup__form button[type=submit]:hover,.ph-signup__form button[type=submit]:focus-visible{transform:translateY(-3px);outline:0;background:color-mix(in srgb,var(--ph-muted-mauve) 80%,white);box-shadow:0 .8rem 1.8rem #050b1b3d}.ph-signup__form button[type=submit]:active{transform:translateY(0) scale(.985)}.ph-signup__status{min-height:1.2rem;margin:0;font-family:var(--font-body--family);font-size:.78rem;font-weight:700;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.ph-signup__status:not(:empty){animation:ph-signup-confirm .3s cubic-bezier(.2,.8,.2,1) both}@keyframes ph-signup-confirm{0%{opacity:0;transform:translateY(.5rem)}}.ph-signup__status--error{color:color-mix(in srgb,var(--color-error) 35%,var(--ph-cream))}@media(prefers-reduced-motion:reduce){.ph-signup__form button[type=submit]{transition:none}.ph-signup__status:not(:empty){animation:none}}@media(max-width:989px){.ph-signup{width:100%;height:100svh;background-size:cover;background-position:center top}.ph-signup__form{width:100%;max-width:30rem;gap:.75rem}.ph-signup__heading{font-size:var(--ph-signup-heading-font-size-mobile, clamp(3.2rem, 18vw, 5rem))}.ph-signup__field input,.ph-signup__form button[type=submit]{min-height:3.25rem;font-size:var(--ph-signup-font-size-mobile, 1rem)}}.ph-signup__mini{position:fixed;z-index:24;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 2rem);height:4.4rem;display:grid;grid-template-columns:3.45rem max-content auto auto;align-items:center;gap:.85rem;box-sizing:border-box;overflow:hidden;border-radius:1rem;padding:.5rem .65rem;color:var(--ph-on-dark);border:1px solid rgb(245 202 231 / .82);background:#06091557;box-shadow:0 0 0 1px #ffffff14,0 0 1.8rem #f5a9d838,0 .8rem 2rem #00000047;opacity:0;pointer-events:none;transform:translateY(1rem) scale(.96);transform-origin:bottom left;-webkit-backdrop-filter:blur(28px) saturate(1.25)}.ph-signup__mini--visible{opacity:1;pointer-events:auto;transform:none;animation:ph-signup-mini-enter .5s cubic-bezier(.165,.84,.44,1) both}.ph-signup__mini--shown:not(.ph-signup__mini--visible){animation:ph-signup-mini-exit .38s cubic-bezier(.4,0,.2,1) both}@keyframes ph-signup-mini-enter{0%{opacity:0;transform:translateY(1rem) scale(.96)}}@keyframes ph-signup-mini-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(1rem) scale(.96)}}.ph-signup__mini-image{align-self:stretch;max-width:none;width:4.1rem;height:calc(100% + 1rem);min-height:0;margin:-.5rem 0 -.5rem -.65rem;border-radius:1rem 0 0 1rem;object-fit:cover}.ph-signup__mini-label{font-family:Antiqua Roman,Georgia,serif;font-size:clamp(1.235rem,1.885vw,1.586rem);font-weight:400;line-height:.95;letter-spacing:-.035em;text-transform:uppercase;white-space:nowrap}.ph-signup__mini-action{min-height:2.5rem;border:2px solid rgb(var(--ph-on-dark-rgb) / .86);border-radius:.5rem;padding:0 1.15rem;color:var(--ph-on-dark);background:rgb(var(--ph-on-dark-rgb) / .04);font-family:var(--font-body--family);font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:color .2s ease,background .2s ease}@media(hover:hover)and (pointer:fine){.ph-signup__mini-action:hover{color:var(--ph-ink);background:var(--ph-on-dark)}}.ph-signup__mini-action:focus-visible{color:var(--ph-ink);background:var(--ph-on-dark)}.ph-signup__mini-close{position:relative;width:2.7rem;height:2.7rem;border:0;border-left:1px solid rgb(var(--ph-on-dark-rgb) / .22);padding:0;color:var(--ph-on-dark);background:transparent;cursor:pointer}.ph-signup__mini-close:focus-visible{border-radius:50%;background:rgb(var(--ph-on-dark-rgb) / .18)}.ph-signup__mini-close:before,.ph-signup__mini-close:after{content:"";position:absolute;top:50%;left:50%;width:1.1rem;height:1px;background:currentColor}.ph-signup__mini-close:before{transform:translate(-50%,-50%) rotate(45deg)}.ph-signup__mini-close:after{transform:translate(-50%,-50%) rotate(-45deg)}@media(max-width:989px){.ph-signup__mini{left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));grid-template-columns:3.15rem minmax(0,1fr) auto 2.25rem;gap:.55rem;width:auto;max-width:none;height:4.1rem}.ph-signup__mini-image{width:3.8rem;height:calc(100% + 1rem)}.ph-signup__mini-label{min-width:0;font-size:clamp(1.07rem,4.94vw,1.3rem)}.ph-signup__mini-action{min-height:2.3rem;padding:0 .8rem;font-size:.6rem;letter-spacing:.14em}.ph-signup__mini-close{width:2.25rem;height:2.25rem}}@media(prefers-reduced-motion:reduce){.ph-signup__mini--visible,.ph-signup__mini--shown:not(.ph-signup__mini--visible){animation:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-signup.css.map */