.product-personalization{--personalization-radius: 1.4rem;--personalization-border-color: rgba(var(--color-foreground), .14);--personalization-border: .1rem solid var(--personalization-border-color);--personalization-height: 5.8rem;display:block;margin:.4rem 0}.product-personalization__intro{margin:0 0 1.2rem}.product-personalization__heading{margin:0;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.06rem;opacity:.55}.product-personalization__choice{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;border:none}.personalization-option{position:relative}.personalization-option input[type=radio]{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.personalization-option__card{border-radius:var(--personalization-radius);border:var(--personalization-border);background:rgb(var(--color-background));overflow:hidden;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.personalization-option__card:hover{border-color:rgba(var(--color-foreground),.4)}.personalization-option__card:focus-within{outline:.2rem solid rgba(var(--color-foreground),.35);outline-offset:.2rem}.personalization-option input[type=radio]:focus-visible~.personalization-option__card{outline:.2rem solid rgba(var(--color-foreground),.35);outline-offset:.2rem}.personalization-option label{display:flex;align-items:center;gap:1.2rem;width:100%;min-height:var(--personalization-height);padding:1.2rem 1.8rem;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:600;letter-spacing:.01rem;text-align:left;cursor:pointer}.personalization-option__dot{flex-shrink:0;width:1.9rem;height:1.9rem;border-radius:50%;border:.15rem solid rgba(var(--color-foreground),.3);transition:border-color .25s ease,border-width .25s ease}.personalization-option__label{flex-grow:1}.personalization-option__price{margin-left:.3rem;opacity:.6;font-weight:600}.personalization-option input[type=radio]:checked~.personalization-option__card{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04);box-shadow:0 .2rem .6rem rgba(var(--color-foreground),.06)}.personalization-option input[type=radio]:checked~.personalization-option__card .personalization-option__dot{border-color:rgb(var(--color-foreground));border-width:.6rem}.product-personalization__fields{display:flex;flex-direction:column;border-top:.1rem solid var(--personalization-border-color);animation:product-personalization-in .35s cubic-bezier(.22,1,.36,1)}.product-personalization__fields[hidden]{display:none}@keyframes product-personalization-in{0%{opacity:0;transform:translateY(-.6rem)}to{opacity:1;transform:translateY(0)}}.product-personalization__fields .field{position:relative;border-bottom:.1rem solid var(--personalization-border-color)}.product-personalization__fields .field:last-child{border-bottom:none}.product-personalization__fields .field:before,.product-personalization__fields .field:after{content:none}.product-personalization__fields .field__input:focus,.product-personalization__fields .field__input:focus-visible{box-shadow:none;outline:none;border-radius:0}.product-personalization__fields .field__input,.product-personalization__fields .field__input:focus,.product-personalization__fields .field__input:not(:placeholder-shown),.product-personalization__fields .field__input:-webkit-autofill{width:100%;height:var(--personalization-height);padding:0 1.8rem;margin:0;border:none;border-radius:0;background:transparent;color:rgb(var(--color-foreground));font-size:1.5rem;font-weight:600;letter-spacing:.03rem;transition:background-color .2s ease}.product-personalization__fields .field__input::placeholder{opacity:1;color:rgba(var(--color-foreground),.38);font-weight:500}.product-personalization__fields .field__input:focus{outline:none;background:rgba(var(--color-foreground),.05)}@media screen and (min-width:750px){.product-personalization__fields{flex-direction:row}.product-personalization__fields .field{flex:1 1 0;border-bottom:none}.product-personalization__fields .field:first-child{border-right:.1rem solid var(--personalization-border-color)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-personalization.css.map */