.nhg-callouts{display:grid;gap:var(--nhg-gap, 16px);margin:0 auto;max-width:var(--nhg-max-width, 1200px);padding-inline:var(--nhg-inline-pad, 20px)}.nhg-callouts--two{grid-template-columns:repeat(2,minmax(0,1fr))}.nhg-callouts--three{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:989px){.nhg-callouts--three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.nhg-callouts--two,.nhg-callouts--three{grid-template-columns:minmax(0,1fr)}}.nhg-callout{position:relative;background:var(--nhg-bg, #f5f2ee);color:var(--nhg-fg, #1c1c1c);border:var(--nhg-border-width, 1px) solid var(--nhg-border, rgba(0, 0, 0, .08));border-radius:var(--nhg-radius, 4px);padding:var(--nhg-pad, 24px);text-align:var(--nhg-align, left)}.nhg-callout__eyebrow{display:block;margin-bottom:var(--nhg-eyebrow-gap, 10px);font-family:var(--nhg-body-font, inherit);font-size:var(--nhg-eyebrow-size, 11px);font-weight:var(--nhg-eyebrow-weight, 400);letter-spacing:var(--nhg-eyebrow-tracking, .14em);text-transform:var(--nhg-eyebrow-transform, uppercase);color:var(--nhg-eyebrow-color, currentColor);opacity:var(--nhg-eyebrow-opacity, .5)}.nhg-callout__lead{font-family:var(--nhg-lead-font, inherit);font-size:var(--nhg-lead-size, 17px);font-weight:var(--nhg-lead-weight, 600);font-style:var(--nhg-lead-style, normal);letter-spacing:var(--nhg-lead-tracking, 0);line-height:var(--nhg-lead-leading, 1.35);text-transform:var(--nhg-lead-transform, none);color:var(--nhg-lead-color, currentColor)}.nhg-callout__support{margin-top:var(--nhg-copy-gap, 8px);font-family:var(--nhg-body-font, inherit);font-size:var(--nhg-body-size, 15px);font-weight:var(--nhg-body-weight, 400);line-height:var(--nhg-body-leading, 1.55);letter-spacing:var(--nhg-body-tracking, 0);color:var(--nhg-support-color, currentColor);opacity:var(--nhg-support-opacity, .85)}.nhg-callout__expand{margin-top:var(--nhg-panel-gap, 14px);font-family:var(--nhg-body-font, inherit);font-size:var(--nhg-expand-size, 15px);font-weight:var(--nhg-body-weight, 400);line-height:var(--nhg-body-leading, 1.6);letter-spacing:var(--nhg-body-tracking, 0);color:var(--nhg-expand-color, currentColor)}.nhg-callout__lead>:first-child,.nhg-callout__support>:first-child,.nhg-callout__expand>:first-child{margin-top:0}.nhg-callout__lead>:last-child,.nhg-callout__support>:last-child,.nhg-callout__expand>:last-child{margin-bottom:0}.nhg-callout__lead p,.nhg-callout__support p,.nhg-callout__expand p{margin:0 0 .7em}.nhg-callout__lead a,.nhg-callout__support a,.nhg-callout__expand a{color:inherit;text-decoration:underline;text-underline-offset:2px}.nhg-callout__lead strong,.nhg-callout__support strong,.nhg-callout__expand strong{font-weight:var(--nhg-bold-weight, 700)}.nhg-callout__toggle{display:inline-flex;align-items:center;gap:7px;margin-top:var(--nhg-toggle-gap, 14px);padding:0;border:0;background:none;color:var(--nhg-toggle-color, currentColor);font-family:var(--nhg-body-font, inherit);font-size:var(--nhg-toggle-size, 13px);font-weight:var(--nhg-toggle-weight, 400);letter-spacing:var(--nhg-toggle-tracking, .02em);text-transform:var(--nhg-toggle-transform, none);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.nhg-callout__chevron{width:11px;height:auto;transition:transform .25s ease}.nhg-callout.is-open .nhg-callout__chevron{transform:rotate(180deg)}.nhg-callout__toggle:focus-visible{outline:2px solid var(--nhg-accent, #1c1c1c);outline-offset:3px}.nhg-callout__panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .32s ease,visibility .32s}.nhg-callout__panel-inner{overflow:hidden;min-height:0}.nhg-callout.is-open>.nhg-callout__panel{grid-template-rows:1fr;visibility:visible}.nhg-callout__cta{display:inline-block;margin-top:var(--nhg-cta-gap, 16px);padding:var(--nhg-cta-pad-y, 11px) var(--nhg-cta-pad-x, 20px);border:var(--nhg-cta-border-width, 1px) solid transparent;border-radius:var(--nhg-cta-radius, 4px);background:var(--nhg-accent, #1c1c1c);color:var(--nhg-cta-fg, #ffffff);font-family:var(--nhg-cta-font, inherit);font-size:var(--nhg-cta-size, 14px);font-weight:var(--nhg-cta-weight, 500);letter-spacing:var(--nhg-cta-tracking, 0);line-height:1.2;text-align:center;text-transform:var(--nhg-cta-transform, none);text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.nhg-callout__cta:hover{background:var(--nhg-cta-hover-bg, var(--nhg-accent, #1c1c1c));color:var(--nhg-cta-hover-fg, var(--nhg-cta-fg, #ffffff));opacity:var(--nhg-cta-hover-opacity, .86)}.nhg-callout__cta:focus-visible{outline:2px solid var(--nhg-accent, #1c1c1c);outline-offset:3px}.nhg-callout__cta--outline{background:transparent;color:var(--nhg-accent, #1c1c1c);border-color:var(--nhg-accent, #1c1c1c)}.nhg-callout__cta--outline:hover{background:var(--nhg-cta-hover-bg, var(--nhg-accent, #1c1c1c));color:var(--nhg-cta-hover-fg, var(--nhg-cta-fg, #ffffff));border-color:var(--nhg-cta-hover-bg, var(--nhg-accent, #1c1c1c));opacity:1}.nhg-callout__cta--link{padding:0;border:0;border-radius:0;background:none;color:var(--nhg-accent, #1c1c1c);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.nhg-callout__cta--link:hover{background:none;color:var(--nhg-cta-hover-fg, var(--nhg-accent, #1c1c1c));text-decoration-thickness:2px}.nhg-callout__cta--arrow{padding:0;border:0;border-radius:0;background:none;color:var(--nhg-accent, #1c1c1c)}.nhg-callout__cta--arrow:after{content:" \2192";display:inline-block;transition:transform .2s ease}.nhg-callout__cta--arrow:hover{background:none;opacity:1}.nhg-callout__cta--arrow:hover:after{transform:translate(3px)}.nhg-callout__cta--full{display:block;width:100%}@media(hover:hover)and (pointer:fine){.nhg-callout:hover>.nhg-callout__panel,.nhg-callout:focus-within>.nhg-callout__panel{grid-template-rows:1fr;visibility:visible}.nhg-callout:hover .nhg-callout__chevron{transform:rotate(180deg)}}@media(hover:none),(pointer:coarse){.nhg-callout__toggle{margin-top:var(--nhg-toggle-gap, 16px)}}.nhg-callouts--popup .nhg-callout__panel{position:absolute;top:calc(100% + var(--nhg-popup-offset, 10px));left:0;right:0;z-index:40;display:block;max-width:var(--nhg-popup-max, 420px);padding:var(--nhg-popup-pad, 20px);background:var(--nhg-popup-bg, #ffffff);color:var(--nhg-popup-fg, var(--nhg-fg, #1c1c1c));border:var(--nhg-border-width, 1px) solid var(--nhg-border, rgba(0, 0, 0, .08));border-radius:var(--nhg-popup-radius, 6px);box-shadow:var(--nhg-popup-shadow, 0 20px 45px -18px rgba(0, 0, 0, .45));opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.nhg-callouts--popup .nhg-callout__panel-inner{overflow:visible}.nhg-callouts--popup .nhg-callout__expand{margin-top:0}.nhg-callouts--popup .nhg-callout__panel:before{content:"";position:absolute;left:0;right:0;top:calc(var(--nhg-popup-offset, 10px) * -1);height:var(--nhg-popup-offset, 10px)}.nhg-callouts--popup .nhg-callout__panel:after{content:"";position:absolute;top:-6px;left:26px;width:11px;height:11px;background:var(--nhg-popup-bg, #ffffff);border-left:var(--nhg-border-width, 1px) solid var(--nhg-border, rgba(0, 0, 0, .08));border-top:var(--nhg-border-width, 1px) solid var(--nhg-border, rgba(0, 0, 0, .08));transform:rotate(45deg)}.nhg-callouts--popup .nhg-callout__panel.is-above{top:auto;bottom:calc(100% + var(--nhg-popup-offset, 10px));transform:translateY(6px)}.nhg-callouts--popup .nhg-callout__panel.is-above:before{top:auto;bottom:calc(var(--nhg-popup-offset, 10px) * -1)}.nhg-callouts--popup .nhg-callout__panel.is-above:after{top:auto;bottom:-6px;border-left:0;border-top:0;border-right:var(--nhg-border-width, 1px) solid var(--nhg-border, rgba(0, 0, 0, .08));border-bottom:var(--nhg-border-width, 1px) solid var(--nhg-border, rgba(0, 0, 0, .08))}.nhg-callouts--popup .nhg-callout.is-open>.nhg-callout__panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}.nhg-callout__scrim{display:none}@media(hover:hover)and (pointer:fine){.nhg-callouts--popup .nhg-callout:hover>.nhg-callout__panel,.nhg-callouts--popup .nhg-callout:focus-within>.nhg-callout__panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}}@media(max-width:749px){.nhg-callouts--popup .nhg-callout__panel{position:fixed;top:auto;right:0;bottom:0;left:0;z-index:9998;max-width:none;max-height:85dvh;overflow-y:auto;padding:26px 20px calc(20px + env(safe-area-inset-bottom));border:0;border-radius:16px 16px 0 0;opacity:1;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.7,.3,1),visibility .28s}.nhg-callouts--popup .nhg-callout__panel:after,.nhg-callouts--popup .nhg-callout__panel:before{display:none}.nhg-callouts--popup .nhg-callout__panel-inner:before{content:"";display:block;width:38px;height:4px;margin:-12px auto 16px;border-radius:2px;background:currentColor;opacity:.2}.nhg-callouts--popup .nhg-callout.is-open>.nhg-callout__panel{transform:none}.nhg-callouts--popup .nhg-callout.is-open>.nhg-callout__scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9997;background:#12121280}}@media(prefers-reduced-motion:reduce){.nhg-callouts--popup .nhg-callout__panel,.nhg-callouts--popup .nhg-callout{transition:none}}@media(hover:hover)and (pointer:fine){.nhg-callouts--popup:not(.nhg-callouts--show-toggle) .nhg-callout__toggle{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.nhg-callouts--popup:not(.nhg-callouts--show-toggle) .nhg-callout__toggle:focus-visible{position:static;width:auto;height:auto;margin-top:var(--nhg-toggle-gap, 14px);overflow:visible;clip-path:none}.nhg-callouts--popup .nhg-callout{cursor:default;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.nhg-callouts--popup .nhg-callout:hover{border-color:var(--nhg-hover-border, var(--nhg-accent, #1c1c1c));box-shadow:var(--nhg-hover-shadow, 0 8px 20px -12px rgba(0, 0, 0, .4))}}@media(prefers-reduced-motion:reduce){.nhg-callout__panel,.nhg-callout__chevron,.nhg-callout__cta,.nhg-callout__cta--arrow:after{transition:none}}.nhg-modal[hidden]{display:none}.nhg-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.nhg-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1212128c;animation:nhg-fade .2s ease}.nhg-modal__dialog{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;padding:32px;background:var(--nhg-modal-bg, #ffffff);color:var(--nhg-modal-fg, #1c1c1c);border-radius:var(--nhg-radius, 4px);box-shadow:0 30px 70px -25px #00000080;animation:nhg-rise .24s cubic-bezier(.2,.7,.3,1)}@keyframes nhg-fade{0%{opacity:0}}@keyframes nhg-rise{0%{opacity:0;transform:translateY(12px)}}.nhg-modal__close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer}.nhg-modal__close svg{width:13px;height:13px}.nhg-modal__close:hover{background:#0000000f}.nhg-modal__title{margin:0 0 8px;font-family:var(--nhg-lead-font, inherit);font-size:var(--nhg-modal-title-size, 22px);font-weight:var(--nhg-lead-weight, 600);letter-spacing:var(--nhg-lead-tracking, 0);line-height:1.25}.nhg-modal__intro{margin:0 0 22px;font-family:var(--nhg-body-font, inherit);font-size:var(--nhg-body-size, 15px);line-height:var(--nhg-body-leading, 1.55);opacity:.75}.nhg-form__row{margin-bottom:14px}.nhg-form__label{display:block;margin-bottom:5px;font-family:var(--nhg-body-font, inherit);font-size:var(--nhg-label-size, 13px);letter-spacing:.01em}.nhg-form__input{width:100%;padding:11px 13px;border:1px solid var(--nhg-border, #e2dcd4);border-radius:var(--nhg-radius, 4px);background:#fff;color:inherit;font-family:var(--nhg-body-font, inherit);font-size:var(--nhg-body-size, 15px)}.nhg-form__input:focus{outline:2px solid var(--nhg-accent, #1c1c1c);outline-offset:1px;border-color:transparent}.nhg-form__input--area{resize:vertical}.nhg-form__trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.nhg-form__submit{width:100%;margin-top:8px;padding:13px 20px;border:0;border-radius:var(--nhg-cta-radius, 4px);background:var(--nhg-accent, #1c1c1c);color:var(--nhg-cta-fg, #ffffff);font-family:var(--nhg-cta-font, inherit);font-size:var(--nhg-cta-size, 15px);font-weight:var(--nhg-cta-weight, 500);letter-spacing:var(--nhg-cta-tracking, 0);text-transform:var(--nhg-cta-transform, none);cursor:pointer}.nhg-form__submit[disabled]{opacity:.55;cursor:default}.nhg-form__error{margin:0 0 12px;padding:10px 12px;border-radius:var(--nhg-radius, 4px);background:#fdeceb;color:#8f1d15;font-size:.85rem}.nhg-form__error[hidden],.nhg-modal__done[hidden]{display:none}@media(max-width:749px){.nhg-modal{padding:0;align-items:flex-end}.nhg-modal__dialog{max-width:none;max-height:92dvh;padding:28px 20px 24px;border-radius:14px 14px 0 0}@keyframes nhg-rise{0%{transform:translateY(100%)}}}@media(prefers-reduced-motion:reduce){.nhg-modal__overlay,.nhg-modal__dialog{animation:none}}.nhg-callouts--random>*{display:none}.nhg-callouts--random>.nhg-is-active{display:block}
/*# sourceMappingURL=/cdn/shop/t/18/assets/nhg-callout.css.map */