.oh-field{margin:0 0 2rem}.oh-field__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.oh-field__label{display:block;font-size:1.5rem;font-weight:600;margin:0 0 .6rem;color:rgb(var(--color-foreground))}.oh-field__sublabel{display:block;font-size:1.35rem;margin:1rem 0 .4rem}.oh-field__chosen{font-size:1.3rem;font-weight:600;text-align:right}.oh-field__help{font-size:1.3rem;line-height:1.45;margin:-.2rem 0 .8rem;color:rgba(var(--color-foreground),.72)}.oh-req{color:#d72125}.oh-portrait-options{margin:1.6rem 0 .4rem}.oh-step{font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:2rem 0 1rem;padding-top:1.4rem;border-top:1.5px dashed rgba(var(--color-foreground),.35)}.oh-portrait-options>.oh-step:first-child{margin-top:0;padding-top:0;border-top:0}.oh-swatches{display:flex;flex-wrap:wrap;gap:.6rem}.oh-swatches__group{flex-basis:100%;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.65);margin:.6rem 0 0}.oh-swatch{position:relative;width:var(--oh-swatch, 32px);height:var(--oh-swatch, 32px);margin:0;cursor:pointer}.oh-swatch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.oh-swatch__dot{display:block;width:100%;height:100%;border-radius:50%;border:1.5px solid #1a1a1a;background-size:cover;background-position:center;box-shadow:none}.oh-swatch input:checked+.oh-swatch__dot{outline:2.5px solid #1a1a1a;outline-offset:2px}.oh-swatch input:focus-visible+.oh-swatch__dot{outline:2.5px dashed #1a1a1a;outline-offset:2px}.oh-swatch__dot--surprise{background:conic-gradient(#d72125,#eda40c,#016848,#1f4580,#e64c70,#d72125)}.oh-swatch:hover .oh-swatch__dot{transform:scale(1.08)}.oh-swatch__dot{transition:transform .12s ease}.oh-pills{display:flex;flex-wrap:wrap;gap:.8rem}.oh-pill{position:relative;cursor:pointer}.oh-pill input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.oh-pill span{display:inline-block;padding:.8rem 1.6rem;border:1.5px solid #1a1a1a;border-radius:999px;font-size:1.4rem;background:rgb(var(--color-background));box-shadow:none}.oh-pill input:checked+span{background:#1a1a1a;color:#fff}.oh-pill input:focus-visible+span{outline:2px dashed #1a1a1a;outline-offset:2px}.oh-yesno__more{margin-top:.4rem}.oh-yesno__more[hidden]{display:none}.oh-input{width:100%;padding:1rem 1.2rem;border:1.5px solid #1a1a1a;border-radius:0;background:#fff;font:inherit;font-size:1.5rem;color:#1a1a1a;box-shadow:none}.oh-input:focus{outline:2px solid #1a1a1a;outline-offset:1px}.oh-yesno .oh-input{margin-top:.8rem}textarea.oh-input{resize:vertical;min-height:8rem}.oh-preview--center{text-align:center}.oh-preview--center .oh-preview__box{margin-left:auto;margin-right:auto}.oh-preview__box{position:relative;width:var(--oh-prev-size, 200px);max-width:100%;aspect-ratio:var(--oh-box-ratio, 1 / 1);border:var(--oh-box-border, 1.5px solid #1a1a1a);border-radius:var(--oh-box-radius, 0);overflow:hidden}.oh-preview__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f4580;background-size:34px 34px;transition:background-color .2s ease}.oh-preview__shape{position:absolute;width:var(--oh-heart-w, 72%);aspect-ratio:var(--oh-heart-ratio, 102 / 94);left:calc(50% + var(--oh-heart-x, 0%));top:calc(50% + var(--oh-heart-y, 0%));transform:translate(-50%,-50%) rotate(var(--oh-heart-rot, 0deg))}.oh-preview__heart,.oh-preview__outline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.oh-preview__outline{overflow:visible;object-fit:contain;pointer-events:none}.oh-preview__heart{background:#e28b9f;background-size:26px 26px;-webkit-mask-image:var(--oh-heart-mask);mask-image:var(--oh-heart-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color .2s ease}.oh-preview__overlay{position:absolute;left:50%;top:calc(50% + var(--oh-ov-y, 0%));width:var(--oh-ov-w, 56%);height:auto;transform:translate(-50%,-50%);pointer-events:none}.oh-preview__caption{font-size:1.3rem;margin:.8rem 0 0;line-height:1.4}.oh-preview__bg,.oh-preview__heart,.oh-preview__shape{display:block!important}.oh-custom-box{margin-top:.8rem}.oh-custom-box .oh-swatches__group{display:block;margin:0 0 .6rem}.oh-swatches{gap:var(--oh-swatch-gap, .6rem)}.oh-swatches--square .oh-swatch__dot{border-radius:4px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/oh-portrait-options.css.map */