/* Readiness is independent of the aroma layout: no native field is hidden without this sheet. */
.oak-aromas,.oak-configurator{--oak-pers-ready:1}
form.oak-personalization-form .wapf.oak-personalization{box-sizing:border-box;width:100%;max-width:var(--oak-pers-width,430px);margin:0 0 18px;padding:15px 14px 13px;border:1px solid #e4e4e4;border-radius:8px;background:#fafafa;color:#2f2f2f;text-align:left;clear:both}
form.oak-personalization-form .wapf.oak-personalization.is-empty{margin:0;padding:0;border:0;background:none}
form.oak-personalization-form .oak-personalization .oak-pers-title{display:block;font-family:inherit;font-size:16px!important;font-weight:500;line-height:1.4;letter-spacing:0;color:#404040;margin:0 0 10px;padding:0;text-transform:none}
form.oak-personalization-form .oak-personalization .oak-pers-title[hidden],form.oak-personalization-form .oak-personalization .oak-pers-error[hidden]{display:none!important}
form.oak-personalization-form .oak-personalization .oak-pers-field{box-sizing:border-box;width:100%!important;max-width:100%;padding-top:0;padding-bottom:12px}
form.oak-personalization-form .oak-personalization .oak-pers-field:last-child{padding-bottom:0}
form.oak-personalization-form .oak-personalization .wapf-field-row:has(.oak-pers-field){margin-bottom:12px}
form.oak-personalization-form .oak-personalization .wapf-field-group>.wapf-field-row:last-child{margin-bottom:0}
form.oak-personalization-form .oak-personalization .oak-pers-label{display:block!important;visibility:visible;font-family:inherit;font-size:14px!important;font-weight:500;line-height:1.45;letter-spacing:0;color:#454545;margin:0 0 7px!important;padding:0;text-transform:none}
form.oak-personalization-form .oak-personalization .oak-pers-native-label{display:none!important}
form.oak-personalization-form .oak-personalization .oak-pers-field .wapf-field-input{max-width:100%;min-width:0;position:relative}
form.oak-personalization-form .oak-personalization input.wapf-input:not([type=radio]):not([type=checkbox]):not([type=hidden]):not([type=file]),form.oak-personalization-form .oak-personalization select.wapf-input,form.oak-personalization-form .oak-personalization textarea.wapf-input{box-sizing:border-box;width:100%;max-width:100%;min-height:43px;padding:10px 11px;margin:0;border:1px solid #d2d2d2;border-radius:6px;background:#ffffff;color:#2f2f2f;font-family:inherit;font-size:17px!important;font-weight:400;line-height:1.4;box-shadow:none;text-transform:none;letter-spacing:0}
form.oak-personalization-form .oak-personalization textarea.wapf-input{min-height:88px;resize:vertical}
form.oak-personalization-form .oak-personalization input.wapf-input[type=file]{max-width:100%;font-family:inherit;font-size:14px;line-height:1.5}
form.oak-personalization-form .oak-personalization input.wapf-input[type=radio],form.oak-personalization-form .oak-personalization input.wapf-input[type=checkbox]{accent-color:var(--oak-pers-accent,#3b3b3b)}
form.oak-personalization-form .oak-personalization .wapf-field-description{font-family:inherit;font-size:13px!important;line-height:1.5;color:#6f6f6f;margin:6px 0 0;padding:0;text-transform:none;letter-spacing:0}
form.oak-personalization-form .oak-personalization .wapf-input:focus-visible,form.oak-personalization-form .oak-personalization .oak-pers-font-choice:focus-visible{outline:2px solid var(--oak-pers-accent,#3b3b3b);outline-offset:3px}
form.oak-personalization-form .oak-personalization select.wapf-input.oak-pers-native-font{position:absolute!important;width:1px!important;max-width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;clip-path:inset(50%);overflow:hidden;pointer-events:none}
form.oak-personalization-form .oak-personalization .oak-pers-font-choices{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0}
form.oak-personalization-form .oak-personalization .oak-pers-font-choice{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:42px;width:auto;padding:9px 16px;margin:0;border:1px solid #d9d9d9;border-radius:6px;background:#ffffff;color:#575757;font-family:inherit;font-size:15px!important;font-weight:400;line-height:1.4;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
form.oak-personalization-form .oak-personalization .oak-pers-font-choice:hover{background:#ececec;border-color:#b2b2b2}
form.oak-personalization-form .oak-personalization .oak-pers-font-choice[aria-pressed=true]{background:var(--oak-pers-accent,#3b3b3b);border-color:var(--oak-pers-accent,#3b3b3b);color:#ffffff}
form.oak-personalization-form .oak-personalization .oak-pers-font-choice:disabled{opacity:.45;cursor:not-allowed}
form.oak-personalization-form .oak-personalization .oak-pers-font-choices.is-invalid .oak-pers-font-choice{border-color:#b95547}
form.oak-personalization-form .oak-personalization .oak-pers-error{font-family:inherit;font-size:13px!important;line-height:1.45;color:#9e3f33;margin:6px 0 0}
form.oak-personalization-form .oak-personalization input.wapf-error:not([type=radio]):not([type=checkbox]),form.oak-personalization-form .oak-personalization textarea.wapf-error{border-color:#b95547}
form.oak-personalization-form .oak-personalization .oklt-charcount,form.oak-personalization-form .oak-personalization .wapf-char-count,form.oak-personalization-form .oak-personalization .wapf-character-count,form.oak-personalization-form .oak-personalization .oak-pers-counter{box-sizing:border-box;display:block;max-width:100%;font-family:inherit;font-size:12px!important;font-weight:400;line-height:1.4;letter-spacing:0;color:#757575;margin:6px 0 0;text-align:right}
@media(max-width:360px){form.oak-personalization-form .wapf.oak-personalization{padding:13px 11px}.oak-personalization .oak-pers-font-choice{padding-left:13px;padding-right:13px}}
@media(pointer:coarse){form.oak-personalization-form .oak-personalization .oak-pers-font-choice{min-height:44px;min-width:44px}}
@media(prefers-reduced-motion:reduce){form.oak-personalization-form .oak-personalization .oak-pers-font-choice{transition:none}}

form.oak-personalization-form .oak-personalization .oak-pers-font-samples{box-sizing:border-box;display:block;width:100%;max-width:100%;margin:0 0 12px;padding:0;border:0;box-shadow:none}
form.oak-personalization-form .oak-personalization .oak-pers-font-sample-title{display:list-item;list-style-position:inside;font-family:inherit;font-size:13px!important;font-weight:400;line-height:1.5;color:#6f6f6f;margin:0;padding:5px 0;min-height:34px;text-transform:none;letter-spacing:0;cursor:pointer}

/* Text stays normally readable while the separate output uses the real font. */
form.oak-personalization-form .oak-personalization .wapf-input:focus,
form.oak-personalization-form .oak-personalization .wapf-input:focus-visible{border-color:#8c8c8c;outline:1px solid #8c8c8c;outline-offset:1px;box-shadow:none}
form.oak-personalization-form .oak-personalization .oak-pers-live-preview{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;background:#ffffff;border:1px solid #e2e2e2;border-radius:6px;margin:9px 0 0;padding:9px 11px}
form.oak-personalization-form .oak-personalization .oak-pers-live-caption{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 9px;font-family:inherit;font-size:12px!important;font-weight:400;line-height:1.4;color:#6f6f6f}
form.oak-personalization-form .oak-personalization .oak-pers-live-font{overflow-wrap:anywhere}
form.oak-personalization-form .oak-personalization .oak-pers-live-text{display:block;width:100%;max-width:100%;min-width:0;min-height:52px;margin:0;padding:8px 0 0;color:#343434;font-size:31px!important;font-weight:400!important;font-style:normal!important;line-height:1.35;letter-spacing:normal;text-align:center;text-transform:none;white-space:pre-wrap;overflow-wrap:anywhere;font-synthesis:none}
form.oak-personalization-form .oak-personalization .oak-pers-live-status{font-family:inherit;font-size:13px!important;font-weight:400;line-height:1.45;color:#6f6f6f;margin:10px 0 3px;text-align:center}
form.oak-personalization-form .oak-personalization .oak-pers-live-text[hidden],form.oak-personalization-form .oak-personalization .oak-pers-live-status[hidden]{display:none!important}
form.oak-personalization-form .oak-personalization .oak-pers-generic-error{margin:6px 0 0}
form.oak-personalization-form .oak-personalization .oak-pers-needs-choice .wapf-input:not([type=hidden]):not([type=radio]):not([type=checkbox]){border-color:#b95547}
@media(pointer:coarse){form.oak-personalization-form .oak-personalization .oak-pers-font-sample-title{min-height:44px}}

/* Share the full available summary width with the fragrance block. */
form.oak-personalization-form .wapf.oak-personalization{max-width:100%;background:#fafafa;border-color:#e2e2e2;border-radius:10px}
form.oak-personalization-form .oak-personalization .oak-pers-font-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(46px,1fr))}
form.oak-personalization-form .oak-personalization .oak-pers-font-choice{width:100%;min-width:0;padding-left:8px;padding-right:8px}
form.oak-personalization-form .oak-personalization .oak-pers-font-sample-lines{display:grid;gap:8px;padding:10px;background:#fff;border:1px solid #e2e2e2;border-radius:6px}
form.oak-personalization-form .oak-personalization .oak-pers-font-sample-line{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:0;color:#666;font-size:12px}
form.oak-personalization-form .oak-personalization .oak-pers-font-sample-text{font-size:24px;font-weight:400;line-height:1.5;font-synthesis:none;overflow-wrap:anywhere}