.hj__theme--halloween{--hj-ink: #100c14;--hj-cream-2: #f4e3c7;--hj-yellow: #f47a1f;--hj-pink: #67346f;--hj-blue: #a98db2;--hj-plum: #241329;--hj-surface-dark-alt: var(--hj-plum);--hj-surface: #f9ecd5;--hj-on-dark: #f4e3c7;--hj-surface-overlay: rgba(249, 236, 213, .96);--hj-surface-wash: rgba(244, 227, 199, .74);--hj-on-dark-muted: rgba(244, 227, 199, .74);--hj-state-info: var(--hj-blue);--hj-state-warning: var(--hj-yellow);--hj-state-error: var(--hj-pink);--hj-state-success: var(--hj-ink);--hj-pink-tint: rgba(103, 52, 111, .18);--hj-yellow-tint: rgba(244, 122, 31, .2);--hj-ink-tint: rgba(16, 12, 20, .07);--hj-text-muted: rgba(16, 12, 20, .66);--hj-text-subtle: rgba(16, 12, 20, .5);--hj-text-faint: rgba(16, 12, 20, .3);--hj-border-subtle: 1.5px solid rgba(16, 12, 20, .25);background:var(--hj-cream-2);color:var(--hj-ink)}.hj__pattern--halloween-bats,.hj__pattern--halloween-stars,.hj__pattern--halloween-confetti,.hj__decor--halloween-hero,.hj__decor--halloween-moon-bats,.hj__decor--halloween-corner-bats-web,.hj__decor--halloween-web-spider,.hj__decor--halloween-cta-pumpkins,.hj__decor--halloween-section-divider,.hj__pattern--halloween-webs{position:relative;isolation:isolate;overflow:hidden}.hj__pattern--halloween-bats:before,.hj__pattern--halloween-stars:before,.hj__pattern--halloween-confetti:before,.hj__decor--halloween-hero:before,.hj__decor--halloween-moon-bats:before,.hj__decor--halloween-corner-bats-web:before,.hj__decor--halloween-web-spider:before,.hj__decor--halloween-cta-pumpkins:before,.hj__decor--halloween-section-divider:before,.hj__pattern--halloween-webs:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;content:"";pointer-events:none}.hj__pattern--halloween-bats>*,.hj__pattern--halloween-stars>*,.hj__pattern--halloween-confetti>*,.hj__decor--halloween-hero>*,.hj__decor--halloween-moon-bats>*,.hj__decor--halloween-corner-bats-web>*,.hj__decor--halloween-web-spider>*,.hj__decor--halloween-cta-pumpkins>*,.hj__decor--halloween-section-divider>*,.hj__pattern--halloween-webs>*{position:relative;z-index:1}.hj__pattern--halloween-bats:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='126' viewBox='0 0 210 126'%3E%3Cg fill='%23100c14'%3E%3Cpath d='M8 33c13-13 27-15 41-7C55 14 63 7 72 4c9 3 17 10 23 22 14-8 28-6 41 7-12 0-21 5-27 15-9-6-18-4-25 5-4-5-8-8-12-8s-8 3-12 8c-7-9-16-11-25-5-6-10-15-15-27-15Z'/%3E%3Cpath d='M116 87c9-9 18-10 28-5 4-8 9-12 15-14 6 2 12 6 16 14 9-5 18-4 27 5-8 0-14 4-18 10-6-4-12-3-17 3-3-3-5-5-8-5s-5 2-8 5c-5-6-11-7-17-3-4-6-10-10-18-10Z'/%3E%3C/g%3E%3C/svg%3E");background-position:0 0;background-size:210px 126px;opacity:.18}.hj__pattern--halloween-stars:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='96' viewBox='0 0 120 96'%3E%3Cpath fill='%23f47a1f' d='m18 8 2.3 6.7L27 17l-6.7 2.3L18 26l-2.3-6.7L9 17l6.7-2.3L18 8Zm75 43 1.8 5.2 5.2 1.8-5.2 1.8L93 65l-1.8-5.2L86 58l5.2-1.8L93 51Z'/%3E%3Cpath fill='%23f4e3c7' d='M66 17a13 13 0 1 0 13 21 15 15 0 1 1-13-21Z'/%3E%3Ccircle cx='38' cy='69' r='3' fill='%23a98db2'/%3E%3C/svg%3E");background-size:120px 96px;opacity:.8}.hj__pattern--halloween-confetti:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='126' viewBox='0 0 190 126'%3E%3Cg%3E%3Cg transform='translate(18 15)'%3E%3Cpath fill='%23f4e3c7' d='M21 0h7l-1 8h-5z'/%3E%3Cellipse cx='25' cy='25' rx='21' ry='18' fill='%23f47a1f'/%3E%3Cpath d='M25 8c-7 5-7 28 0 35M14 11c-5 8-5 20 0 28M36 11c5 8 5 20 0 28' fill='none' stroke='%23100c14' stroke-width='2.5' opacity='.48'/%3E%3Cpath fill='%23100c14' d='m15 23 6-3-2 6zm20 0-6-3 2 6zm-15 10h10l-5 4z'/%3E%3C/g%3E%3Cg transform='translate(105 26)'%3E%3Cpath fill='%23f4e3c7' d='m0 15 13-9v24zm54 0L41 6v24z'/%3E%3Crect x='12' y='4' width='30' height='28' rx='9' fill='%23a98db2' stroke='%23f4e3c7' stroke-width='2'/%3E%3Cpath d='m19 12 16 12m0-12L19 24' stroke='%23f4e3c7' stroke-width='2'/%3E%3C/g%3E%3Cpath fill='%23f47a1f' d='m80 77 3 8 8 3-8 3-3 8-3-8-8-3 8-3zM164 89l2 6 6 2-6 2-2 6-2-6-6-2 6-2z'/%3E%3Ccircle cx='106' cy='101' r='4' fill='%23f4e3c7'/%3E%3C/g%3E%3C/svg%3E");background-position:center;background-size:190px 126px;opacity:.42}.hj__decor--halloween-hero:before{background-image:url(hj-halloween-hero-decor-v1.png);background-position:right bottom;background-repeat:no-repeat;background-size:min(55vw,420px) auto;opacity:1}.hj__decor--halloween-moon-bats:before{background-image:url(hj-halloween-decor-moon-bats-v1.png);background-position:right top;background-repeat:no-repeat;background-size:min(52vw,400px) auto;opacity:1}.hj__decor--halloween-corner-bats-web:before{background-image:url(hj-halloween-decor-corner-bats-web-v1.png);background-position:center top;background-repeat:no-repeat;background-size:100% auto;filter:saturate(1.3) contrast(1.15);opacity:.92}.hj__decor--halloween-web-spider:before{background-image:url(hj-halloween-decor-web-spider-v1.png);background-position:left top;background-repeat:no-repeat;background-size:min(52vw,400px) auto;opacity:1}.hj__decor--halloween-cta-pumpkins:before{background-image:url(hj-halloween-decor-cta-pumpkins-v1.png);background-position:left bottom;background-repeat:no-repeat;background-size:min(52vw,400px) auto;opacity:1}.hj__decor--halloween-section-divider:before{background-image:url(hj-halloween-decor-section-divider-v1.png);background-position:center bottom;background-repeat:no-repeat;background-size:min(100%,900px) auto;opacity:1}.hj__cc-final.hj__decor--halloween-section-divider:before{background-size:100% auto}.hj__cc-final.hj__theme--halloween{background:linear-gradient(180deg,var(--hj-pink) 0%,var(--hj-plum) 56%,var(--hj-ink) 100%)}.hj__pattern--halloween-webs:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='180' viewBox='0 0 240 180'%3E%3Cg fill='none' stroke='%23f4e3c7' stroke-width='2'%3E%3Cpath d='M0 0h170M0 0v170M0 0l132 132M44 0c0 40-4 44-44 44M86 0C86 78 78 86 0 86M128 0c0 116-12 128-128 128'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='180' viewBox='0 0 240 180'%3E%3Cg fill='none' stroke='%23f4e3c7' stroke-width='2'%3E%3Cpath d='M240 180H70M240 180V10M240 180 108 48M196 180c0-40 4-44 44-44M154 180c0-78 8-86 86-86M112 180c0-116 12-128 128-128'/%3E%3C/g%3E%3C/svg%3E");background-position:top left,bottom right;background-repeat:no-repeat;background-size:min(42vw,240px) auto;opacity:.4}.hj__halloween-guide{min-height:100vh}.hj__halloween-header{padding:40px 24px;background:var(--hj-ink);border-bottom:var(--hj-border-strong);color:var(--hj-on-dark)}.hj__halloween-header-inner,.hj__halloween-main{width:min(100%,1040px);margin-inline:auto}.hj__halloween-header-inner{display:grid;gap:20px}.hj__halloween-kicker{margin:0 0 10px;color:var(--hj-yellow);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hj__halloween-title{max-width:760px;margin:0;color:var(--hj-on-dark);font-size:clamp(38px,8vw,72px);line-height:.98}.hj__halloween-title em{color:var(--hj-yellow)}.hj__halloween-intro{max-width:660px;margin:16px 0 0;color:var(--hj-on-dark-muted);font-size:16px}.hj__halloween-main{padding:0 20px 64px}.hj__halloween-section{padding:48px 0;border-bottom:var(--hj-border-medium)}.hj__halloween-section:last-child{border-bottom:0}.hj__halloween-section--dark,.hj__halloween-section--plum{box-shadow:0 0 0 100vmax var(--hj-ink);clip-path:inset(0 -100vmax);color:var(--hj-on-dark)}.hj__halloween-section--dark{background:var(--hj-ink)}.hj__cc-row.hj__halloween-section--dark{padding-block:48px}.hj__cc-row.hj__halloween-section--dark .hj__cc-row-sub{color:var(--hj-on-dark-muted)}.hj__cc-row.hj__halloween-section--dark .hj__cc-row-nav-btn{background:var(--hj-cream-2);border-color:var(--hj-cream-2);color:var(--hj-ink)}.hj__discount-banner-section.hj__halloween-section--dark .hj__discount-banner{box-shadow:4px 4px 0 var(--hj-yellow)}.hj__discount-banner-section.hj__halloween-section--dark .hj__discount-banner__left{background:var(--hj-plum)}.hj__discount-banner-section.hj__halloween-section--dark .hj__discount-banner__discount{color:var(--hj-yellow);font-size:28px;line-height:1;white-space:nowrap}.hj__discount-banner-section.hj__halloween-section--dark .hj__discount-banner__sub{color:var(--hj-on-dark-muted)}.hj__discount-banner-section.hj__halloween-section--dark .hj__discount-banner__right{background:var(--hj-pink)}.hj__discount-banner-section.hj__halloween-section--dark .hj__discount-banner__code{margin-top:0}.hj__halloween-section--plum{background:var(--hj-surface-dark-alt);box-shadow:0 0 0 100vmax var(--hj-surface-dark-alt)}.hj__halloween-section--dark .hj__halloween-section-head p,.hj__halloween-section--plum .hj__halloween-section-head p{color:var(--hj-on-dark-muted)}.hj__halloween-section--dark .hj__halloween-section-head h2,.hj__halloween-section--plum .hj__halloween-section-head h2{color:var(--hj-on-dark)}.hj__halloween-section--dark .hj__text-eyebrow,.hj__halloween-section--plum .hj__text-eyebrow{color:var(--hj-yellow)}.hj__halloween-section-head{display:grid;gap:8px;margin-bottom:24px}.hj__halloween-section-head h2,.hj__halloween-section-head p{margin:0}.hj__halloween-section-head p{max-width:680px;color:var(--hj-text-muted)}.hj__halloween-grid,.hj__halloween-pattern-grid,.hj__halloween-component-grid,.hj__halloween-commerce-grid{display:grid;gap:20px;min-width:0}.hj__halloween-swatch{min-width:0}.hj__halloween-swatch-color{display:block!important;height:92px;border:var(--hj-border-medium);border-radius:var(--hj-radius-card-sm);box-shadow:var(--hj-shadow-pill)}.hj__halloween-swatch strong,.hj__halloween-swatch code{display:block;margin-top:8px}.hj__halloween-swatch code{margin-top:2px;color:var(--hj-text-muted);font-size:11px}.hj__halloween-pattern-card{min-width:0;overflow:hidden;background:var(--hj-cream-2);color:var(--hj-ink);border:var(--hj-border-strong);border-radius:var(--hj-radius-card);box-shadow:var(--hj-shadow-card)}.hj__halloween-pattern-preview{display:flex;align-items:flex-end;min-height:150px;padding:16px;border-bottom:var(--hj-border-strong)}.hj__halloween-pattern-preview:before{opacity:.58}.hj__halloween-pattern-preview .hj__pill{box-shadow:none}.hj__halloween-pattern-preview--bats{background:var(--hj-yellow)}.hj__halloween-pattern-preview--stars{background:var(--hj-ink)}.hj__halloween-pattern-preview--decor,.hj__halloween-pattern-preview--moon,.hj__halloween-pattern-preview--web,.hj__halloween-pattern-preview--cta,.hj__halloween-pattern-preview--divider{background:var(--hj-pink)}.hj__halloween-pattern-preview--moon,.hj__halloween-pattern-preview--web,.hj__halloween-pattern-preview--divider,.hj__halloween-pattern-preview--webs{background:#241329}.hj__halloween-pattern-preview--bats:before{background-size:210px 126px;opacity:.28}.hj__halloween-pattern-preview--stars:before{background-size:168px 134px;opacity:.72}.hj__halloween-pattern-preview--decor:before{background-position:right 6px bottom -4px;background-size:230px auto;opacity:1}.hj__halloween-pattern-preview--moon:before{background-position:right -8px top -30px;background-size:235px auto;opacity:1}.hj__halloween-pattern-preview--web:before{background-position:left -8px top -10px;background-size:220px auto;opacity:1}.hj__halloween-pattern-preview--cta:before{background-position:left -8px bottom -18px;background-size:230px auto;opacity:1}.hj__halloween-pattern-preview--divider:before{background-position:center bottom -18px;background-size:min(100%,640px) auto;opacity:1}.hj__halloween-pattern-card--wide{grid-column:1 / -1}.hj__halloween-pattern-preview--webs:before{background-repeat:no-repeat;background-position:top left,bottom right;background-size:58% auto;opacity:.55}.hj__halloween-pattern-copy{min-height:108px;padding:18px 20px 20px}.hj__halloween-pattern-copy h3,.hj__halloween-pattern-copy p{margin:0}.hj__halloween-pattern-copy h3{font-size:clamp(22px,2vw,28px);line-height:1.05}.hj__halloween-pattern-copy p{margin-top:8px;color:var(--hj-text-muted);font-size:13px;line-height:1.45}.hj__halloween-demo-card{min-width:0;padding:20px}.hj__halloween-demo-card>h3{margin:0 0 16px;font-size:18px}.hj__halloween-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.hj__halloween-row+.hj__halloween-row{margin-top:16px}.hj__halloween-code{display:block;margin-top:16px;padding:12px 14px;overflow-wrap:anywhere;background:var(--hj-ink);border-radius:var(--hj-radius-card-xs);color:var(--hj-blue);font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.hj__halloween-guide-note{margin-top:20px;padding:16px;background:var(--hj-surface-wash);border:var(--hj-border-subtle);border-radius:var(--hj-radius-card-xs);color:var(--hj-text-muted);font-size:13px}.hj__halloween-section--dark .hj__halloween-guide-note,.hj__halloween-section--plum .hj__halloween-guide-note{background:#f4e3c70f;border-color:#a98db26b;color:var(--hj-on-dark-muted)}.hj__halloween-campaign-preview{border:var(--hj-border-strong);border-radius:var(--hj-radius-card);box-shadow:8px 8px 0 var(--hj-ink);overflow:hidden}.hj__halloween-campaign-hero{display:grid;gap:24px;min-height:420px;padding:32px;background:var(--hj-surface-dark-alt);color:var(--hj-on-dark)}.hj__halloween-campaign-hero.hj__decor--halloween-section-divider:before{background-position:center bottom -32px;background-size:min(100%,900px) auto;opacity:.28}.hj__halloween-campaign-copy{display:grid;align-content:center;justify-items:start}.hj__halloween-campaign-copy h3{max-width:520px;margin:12px 0;color:var(--hj-on-dark);font-size:clamp(36px,6vw,62px);line-height:1}.hj__halloween-campaign-copy h3 em{color:var(--hj-yellow)}.hj__halloween-campaign-copy p{max-width:500px;margin:0 0 20px;color:var(--hj-on-dark-muted)}.hj__halloween-campaign-media{display:flex;align-items:flex-end;justify-content:flex-start;min-height:300px;padding:24px;background:#241329;border:2px solid var(--hj-blue);border-radius:var(--hj-radius-card-sm);color:var(--hj-on-dark);text-align:left}.hj__halloween-campaign-media.hj__decor--halloween-hero:before{background-position:right -20px bottom -20px;background-size:min(86%,390px) auto}.hj__halloween-campaign-media-copy{display:grid;gap:8px;width:min(64%,250px);padding:16px;background:#100c14e0;border:var(--hj-border-medium);border-radius:var(--hj-radius-card-sm)}.hj__halloween-campaign-media-copy .hj__pill{justify-self:start;box-shadow:none}.hj__halloween-campaign-media-copy small{color:var(--hj-on-dark-muted);line-height:1.45}.hj__halloween-campaign-products{padding:28px;background:var(--hj-cream-2)}.hj__halloween-campaign-products-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;text-align:left}.hj__halloween-campaign-products-head h4{margin:0;font-size:28px}.hj__halloween-campaign-products-head .hj__text-eyebrow{color:var(--hj-pink)}.hj__halloween-campaign-products-head .hj__pill{flex:0 0 auto;box-shadow:none}.hj__halloween-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hj__halloween-mini-card{min-width:0;border:var(--hj-border-thin)}.hj__halloween-mini-media{display:grid!important;place-items:center;aspect-ratio:4 / 3;background:linear-gradient(145deg,#241329,#100c14);color:var(--hj-on-dark)}.hj__halloween-mini-media svg{width:46%;height:auto;opacity:.86}.hj__halloween-mini-card .hj__card-body{display:grid;gap:8px}.hj__halloween-mini-card strong,.hj__halloween-mini-card small{display:block;line-height:1.3}.hj__halloween-mini-card small{color:var(--hj-text-muted)}.hj__halloween-campaign-steps{display:grid;gap:12px;padding:28px;background:#241329}.hj__halloween-campaign-step{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:16px;background:var(--hj-surface);border:var(--hj-border-medium);border-radius:var(--hj-radius-card-sm);box-shadow:var(--hj-shadow-pill);color:var(--hj-ink)}.hj__halloween-campaign-step>span{display:grid;place-items:center;width:36px;height:36px;background:var(--hj-ink);border:var(--hj-border-medium);color:var(--hj-on-dark);border-radius:50%;font-weight:800}.hj__halloween-campaign-step strong,.hj__halloween-campaign-step small{display:block}.hj__halloween-campaign-step small{margin-top:3px;color:var(--hj-text-muted)}.hj__halloween-asset-grid{display:grid;gap:12px;margin-top:20px}.hj__halloween-asset-card{padding:16px;background:#f4e3c714;border:1.5px solid rgba(244,227,199,.28);border-radius:var(--hj-radius-card-sm)}.hj__halloween-asset-card strong,.hj__halloween-asset-card small{display:block}.hj__halloween-asset-card small{margin-top:5px;color:var(--hj-on-dark-muted);line-height:1.45}@media(min-width:680px){.hj__halloween-header{padding:64px 32px}.hj__halloween-main{padding-inline:32px}.hj__halloween-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hj__halloween-pattern-grid,.hj__halloween-component-grid,.hj__halloween-commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hj__halloween-campaign-hero{grid-template-columns:1.05fr .95fr;align-items:center;padding:44px}.hj__halloween-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hj__halloween-campaign-steps,.hj__halloween-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:679px){.hj__halloween-header{padding:36px 20px}.hj__halloween-section{padding:36px 0}.hj__halloween-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hj__halloween-pattern-grid,.hj__halloween-component-grid,.hj__halloween-commerce-grid{grid-template-columns:minmax(0,1fr)}.hj__halloween-pattern-card{min-height:180px}.hj__halloween-campaign-media-copy{box-sizing:border-box;width:72%}}@media(prefers-reduced-motion:reduce){.hj__theme--halloween *,.hj__theme--halloween *:before,.hj__theme--halloween *:after{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hj-design-system-halloween.css.map */