.na-dynamic-personalization{display:block;margin:clamp(3.6rem,6vw,8rem) 0;color:rgb(var(--color-foreground));opacity:0;transition:opacity .2s ease-out}.na-dynamic-personalization[hidden],.na-dynamic-personalization[data-na-initially-visible=false][data-na-personalization-state=pending],.na-dynamic-personalization[data-na-personalization-state=empty]{display:none!important}.na-dynamic-personalization[data-na-personalization-state=ready]{opacity:1}.na-dynamic-personalization__inner{max-width:var(--page-width);margin:0 auto;padding:clamp(3rem,5vw,6.4rem) 1.5rem;border-top:.1rem solid rgba(var(--color-foreground),.16);border-bottom:.1rem solid rgba(var(--color-foreground),.16)}@media screen and (min-width:750px){.na-dynamic-personalization__inner{padding-right:5rem;padding-left:5rem}}@media screen and (min-width:990px){.na-dynamic-personalization__inner{display:grid;grid-template-columns:minmax(16rem,26rem) minmax(0,1fr);column-gap:clamp(4rem,6vw,8.8rem);align-items:start}}.na-dynamic-personalization__header{max-width:58rem;margin:0 0 2.8rem}@media screen and (min-width:990px){.na-dynamic-personalization__header{grid-column:1;max-width:25rem;margin:0}.na-dynamic-personalization__header+.na-dynamic-personalization__grid{grid-column:2}}.na-dynamic-personalization__eyebrow{margin:0 0 1.2rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.2rem;line-height:calc(1 + .45 / var(--font-body-scale));letter-spacing:0;text-transform:uppercase;color:rgba(var(--color-foreground),.62)}.na-dynamic-personalization__heading{max-width:44rem;margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 2.3rem);line-height:calc(1 + .35/max(1,var(--font-heading-scale)));letter-spacing:0;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.na-dynamic-personalization__heading{font-size:calc(var(--font-heading-scale) * 2.7rem)}}@media screen and (min-width:990px){.na-dynamic-personalization__heading{font-size:calc(var(--font-heading-scale) * 2.4rem)}}.na-dynamic-personalization__intro{max-width:44rem;margin:1.5rem 0 0;font-family:var(--font-body-family);font-size:1.45rem;line-height:calc(1 + .65 / var(--font-body-scale));color:rgba(var(--color-foreground),.72)}.na-dynamic-personalization__intro>*:first-child,.na-dynamic-personalization__body>*:first-child{margin-top:0}.na-dynamic-personalization__intro>*:last-child,.na-dynamic-personalization__body>*:last-child{margin-bottom:0}.na-dynamic-personalization__grid{display:grid;grid-column:1 / -1;grid-template-columns:1fr;gap:2.8rem}@media screen and (min-width:750px){.na-dynamic-personalization__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:clamp(2.8rem,4vw,5.2rem)}}.na-dynamic-personalization__card{position:relative;display:flex;flex-direction:column;min-width:0;padding-top:2.2rem;border-top:.1rem solid rgba(var(--color-foreground),.13);background:transparent}.na-dynamic-personalization__card[hidden]{display:none!important}.na-dynamic-personalization__card-inner{display:flex;flex:1;flex-direction:column;min-width:0}.na-dynamic-personalization__card--feature{border-top-color:rgba(var(--color-foreground),.28)}.na-dynamic-personalization__card--feature .na-dynamic-personalization__card-inner{padding-left:clamp(1.6rem,2vw,2.8rem);border-left:.1rem solid rgba(var(--color-foreground),.18)}.na-dynamic-personalization__media{position:relative;width:100%;margin:0 0 2.1rem;overflow:hidden;aspect-ratio:5 / 4;background:rgba(var(--color-foreground),.045)}.na-dynamic-personalization__image{display:block;width:100%;height:100%;object-fit:cover}.na-dynamic-personalization__content{display:flex;flex:1;flex-direction:column;min-width:0;gap:1rem;padding:0}.na-dynamic-personalization__badge{display:block;margin:0 0 .2rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:var(--font-body-weight);line-height:calc(1 + .35 / var(--font-body-scale));letter-spacing:0;text-transform:uppercase;color:rgba(var(--color-foreground),.58)}.na-dynamic-personalization__title{max-width:52rem;margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 2rem);line-height:calc(1 + .35/max(1,var(--font-heading-scale)));letter-spacing:0;color:rgb(var(--color-foreground))}.na-dynamic-personalization__body{max-width:54rem;margin:0;font-family:var(--font-body-family);font-size:1.45rem;line-height:calc(1 + .68 / var(--font-body-scale));color:rgba(var(--color-foreground),.72)}.na-dynamic-personalization__meta{margin-top:.3rem;font-family:var(--font-body-family);font-size:1.35rem;line-height:calc(1 + .4 / var(--font-body-scale));color:rgba(var(--color-foreground),.76)}.na-dynamic-personalization__points{display:flex;flex-direction:column;gap:0;max-width:54rem;margin:1.1rem 0 0;padding:0;border-top:.1rem solid rgba(var(--color-foreground),.12);list-style:none}.na-dynamic-personalization__point{margin:0;padding:1rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.12);font-family:var(--font-body-family);font-size:1.35rem;line-height:calc(1 + .5 / var(--font-body-scale));color:rgba(var(--color-foreground),.74)}.na-dynamic-personalization__actions{display:flex;flex-wrap:wrap;gap:1.5rem 2.2rem;margin-top:1.5rem}.na-dynamic-personalization__button{display:inline-flex;align-items:center;width:fit-content;min-height:auto;padding:.2rem 0 .35rem;border:0;border-bottom:.1rem solid currentColor;border-radius:0;-webkit-appearance:none;appearance:none;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.4rem;font-weight:var(--font-body-weight);line-height:calc(1 + .45 / var(--font-body-scale));letter-spacing:0;text-align:left;text-decoration:none;cursor:pointer;transition:color .15s ease,opacity .15s ease}.na-dynamic-personalization__button:after{content:">";margin-left:.8rem;transform:translateY(-.05rem)}.na-dynamic-personalization__button:hover{color:rgba(var(--color-foreground),.68)}.na-dynamic-personalization__button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:.4rem}.na-dynamic-personalization__button--secondary{color:rgba(var(--color-foreground),.68)}.na-dynamic-personalization__button--secondary:hover{color:rgb(var(--color-foreground))}.na-dynamic-personalization__form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.2rem 2rem;max-width:56rem;margin-top:1.6rem}.na-dynamic-personalization__field{flex:1 1 22rem;min-width:0;height:4.4rem;padding:.8rem 0;border:0;border-bottom:.1rem solid rgba(var(--color-foreground),.42);border-radius:0;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.45rem;line-height:1.4}.na-dynamic-personalization__field:focus{outline:0;border-bottom-color:rgb(var(--color-foreground));box-shadow:0 .1rem rgb(var(--color-foreground))}.na-dynamic-personalization__field::placeholder{color:rgba(var(--color-foreground),.58)}.na-dynamic-personalization__form-message{width:100%;margin:0;font-family:var(--font-body-family);font-size:1.35rem;line-height:calc(1 + .45 / var(--font-body-scale));color:rgba(var(--color-foreground),.72)}@media screen and (min-width:990px){.na-dynamic-personalization__grid[data-na-visible-count="1"]{display:block}.na-dynamic-personalization__grid[data-na-visible-count="1"] .na-dynamic-personalization__card{padding-top:0;border-top:0}.na-dynamic-personalization__grid[data-na-visible-count="1"] .na-dynamic-personalization__card-inner{display:grid;grid-template-columns:minmax(24rem,42%) minmax(0,1fr);gap:clamp(3.2rem,5vw,7.2rem);align-items:center}.na-dynamic-personalization__grid[data-na-visible-count="1"] .na-dynamic-personalization__card--no-media .na-dynamic-personalization__card-inner{display:block;max-width:68rem}.na-dynamic-personalization__grid[data-na-visible-count="1"] .na-dynamic-personalization__media{margin-bottom:0;aspect-ratio:4 / 5}.na-dynamic-personalization__grid[data-na-visible-count="1"] .na-dynamic-personalization__title{font-size:calc(var(--font-heading-scale) * 2.8rem)}}@media screen and (max-width:749px){.na-dynamic-personalization{margin:3.2rem 0}.na-dynamic-personalization__inner{padding-top:2.8rem;padding-bottom:3.2rem}.na-dynamic-personalization__grid{gap:2.6rem}.na-dynamic-personalization__card--feature .na-dynamic-personalization__card-inner{padding-left:1.4rem}.na-dynamic-personalization__media{margin-bottom:1.8rem}}.na-dynamic-personalization__card[data-category]:not([data-category=none]){border:none;background:transparent;padding:0;margin:0;--na-dyn-cat-accent: rgb(31, 31, 29)}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__card-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;border:none;align-items:stretch;min-height:clamp(420px,60vh,720px)}@media screen and (max-width:989px){.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__card-inner{grid-template-columns:1fr;min-height:0}}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__media{margin:0;height:100%;width:100%;background:#1f1f1d0a;overflow:hidden}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__media img,.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__image{width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width:989px){.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__media{aspect-ratio:4 / 5}}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__content{padding:clamp(2.4rem,6vw,6.4rem);display:flex;flex-direction:column;justify-content:center;gap:clamp(1rem,1.6vw,1.8rem);background:var(--na-dyn-cat-bg, transparent)}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__title{font-family:"Libre Baskerville",var(--font-heading-family),serif;font-size:clamp(2.8rem,3.6vw,4.2rem);line-height:1.12;font-weight:400;letter-spacing:-.005em;margin:0;max-width:22ch;color:var(--na-dyn-cat-text, inherit)}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__body{font-size:clamp(1.5rem,1.6vw,1.7rem);line-height:1.7;color:#1f1f1dc7;max-width:52ch;margin:0}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__badge{display:none}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__points{list-style:none;padding:0;margin:.4rem 0 0;display:flex;flex-direction:column;gap:.6rem;border-top:1px solid rgba(31,31,29,.12);padding-top:1.4rem;max-width:52ch}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__point{font-size:1.4rem;line-height:1.5;color:#1f1f1dbd;padding-left:0;position:relative}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__point:before{content:"\2014  ";margin-right:.4rem;color:var(--na-dyn-cat-accent);opacity:.6}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__actions{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__button{display:inline-block;background:transparent;border:none;padding:.6rem 0;color:var(--na-dyn-cat-text, currentColor);font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;transition:opacity .2s ease,letter-spacing .2s ease}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__button:hover{opacity:.7;letter-spacing:.22em}.na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__button--secondary{border-bottom-style:dashed;opacity:.78}.na-dynamic-personalization__card[data-category=starter]{--na-dyn-cat-bg: #efe9df;--na-dyn-cat-accent: #4a4a45}.na-dynamic-personalization__card[data-category=pregnancy]{--na-dyn-cat-bg: #f3ebe1;--na-dyn-cat-accent: #846451}.na-dynamic-personalization__card[data-category=male]{--na-dyn-cat-bg: #e8eae6;--na-dyn-cat-accent: #2c3a3a}.na-dynamic-personalization__card[data-category=older]{--na-dyn-cat-bg: #f1ebe9;--na-dyn-cat-accent: #5a4a52}.na-dynamic-personalization__card[data-category=pride]{--na-dyn-cat-bg: #f7f4ee;--na-dyn-cat-accent: #2a2a26}.na-dynamic-personalization__card[data-category=pride] .na-dynamic-personalization__title{position:relative;color:var(--na-dyn-cat-text, inherit);background:none;-webkit-text-fill-color:currentColor}.na-dynamic-personalization__card[data-category=pride] .na-dynamic-personalization__title:after{content:"";display:block;margin-top:.6rem;width:64px;height:3px;background:linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008026 48%,#004dff,#750787 84%,#e0457b);border-radius:2px}.na-dynamic-personalization__promo{display:inline-flex;align-items:baseline;gap:14px;padding:12px 16px 12px 0;border:none;border-top:1px solid rgba(31,31,29,.18);border-bottom:1px solid rgba(31,31,29,.18);background:transparent;font:inherit;cursor:pointer;align-self:flex-start;transition:opacity .2s ease;margin:.2rem 0}.na-dynamic-personalization__promo:hover{opacity:.7}.na-dynamic-personalization__promo[data-copied=true]{border-color:var(--na-dyn-cat-accent, #2a2a26)}.na-dynamic-personalization__promo-label{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;opacity:.55;font-weight:500}.na-dynamic-personalization__promo-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.6rem;font-weight:500;letter-spacing:.06em}.na-dynamic-personalization__promo-action{font-size:1.1rem;letter-spacing:.16em;text-transform:uppercase;opacity:.55;margin-left:auto}.na-dynamic-personalization__promo[data-copied=true] .na-dynamic-personalization__promo-action:before{content:"Copied";font-size:1.1rem;letter-spacing:.16em;text-transform:uppercase;opacity:.85;color:var(--na-dyn-cat-accent)}.na-dynamic-personalization__promo[data-copied=true] .na-dynamic-personalization__promo-action{font-size:0}.na-dynamic-personalization__header:empty{display:none}html[data-na-theme=dark] .na-dynamic-personalization__card[data-category]:not([data-category=none]){--na-dyn-cat-text: rgb(246, 241, 235)}html[data-na-theme=dark] .na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__body,html[data-na-theme=dark] .na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__point{color:#f6f1ebbd}html[data-na-theme=dark] .na-dynamic-personalization__card[data-category]:not([data-category=none]) .na-dynamic-personalization__points{border-top-color:#f6f1eb2e}html[data-na-theme=dark] .na-dynamic-personalization__card[data-category=starter]{--na-dyn-cat-bg: #2a2925}html[data-na-theme=dark] .na-dynamic-personalization__card[data-category=pregnancy]{--na-dyn-cat-bg: #2c2823}html[data-na-theme=dark] .na-dynamic-personalization__card[data-category=male]{--na-dyn-cat-bg: #232524}html[data-na-theme=dark] .na-dynamic-personalization__card[data-category=older]{--na-dyn-cat-bg: #2a2724}html[data-na-theme=dark] .na-dynamic-personalization__card[data-category=pride]{--na-dyn-cat-bg: #232220}html[data-na-theme=dark] .na-dynamic-personalization__promo{border-top-color:#f6f1eb38;border-bottom-color:#f6f1eb38}.na-dynamic-personalization:has(.na-dynamic-personalization__card[data-category]:not([data-category=none]):not([hidden])) .na-dynamic-personalization__inner{max-width:none;padding:0;border:none}.na-dynamic-personalization:has(.na-dynamic-personalization__card[data-category]:not([data-category=none]):not([hidden])){margin:0}.na-dynamic-personalization:has(.na-dynamic-personalization__card[data-category]:not([data-category=none]):not([hidden])) .na-dynamic-personalization__grid{margin:0;padding:0}.na-dynamic-personalization:has(.na-dynamic-personalization__card[data-category]:not([data-category=none])) .na-dynamic-personalization__header{display:none}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-na-dynamic-personalization.css.map */