.xhero{--gold: #F3D27A;--gold-deep: #B8862B;position:relative;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(60% 70% at 88% 6%,rgba(243,210,122,.2) 0%,transparent 60%),radial-gradient(55% 65% at 0% 100%,rgba(200,50,75,.3) 0%,transparent 65%),linear-gradient(170deg,#12392d,#0b2a21 55%,#071c16)}.xhero__sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.xhero__sky i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#fff6da;box-shadow:0 0 6px 1px #ffecb4b3;opacity:.25;animation:xhero-star 4.5s ease-in-out infinite;animation-delay:var(--d)}@keyframes xhero-star{50%{opacity:.9;transform:scale(1.4)}}.xhero__lights,.xhero__bulbs{position:absolute;top:0;left:0;width:100%;height:60px;z-index:2;pointer-events:none}.xhero__bulb{--c: #FFD36B;position:absolute;left:var(--x);top:var(--y);width:7px;height:10px;margin-left:-3.5px;border-radius:50% 50% 46% 46%;background:var(--c);box-shadow:0 0 10px 2px var(--c),0 0 22px 4px color-mix(in srgb,var(--c) 45%,transparent);animation:xhero-twinkle 2.6s ease-in-out infinite;animation-delay:var(--d)}.xhero__bulb:before{content:"";position:absolute;left:1px;right:1px;top:-3px;height:4px;border-radius:1px;background:#24302a}.xhero__bulb--1{--c: #FF5A6E}.xhero__bulb--2{--c: #7BE0A5}.xhero__bulb--3{--c: #FFF1CF}@keyframes xhero-twinkle{0%,to{opacity:1}45%{opacity:.45;box-shadow:0 0 4px 1px var(--c)}}.xhero__in{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"tree" "copy"}.xhero__copy{grid-area:copy;display:grid;justify-items:start;align-content:center;gap:16px;padding:4px 0 26px}.xhero__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.xhero__count{padding:4px 10px;border:1px solid rgba(243,210,122,.45);border-radius:var(--radius-action);font-size:11px;letter-spacing:.08em;color:#fff;background:#f3d27a1a}.xhero__count[hidden]{display:none}.xhero__title{margin:0;font:700 clamp(40px,11vw,76px)/1.02 var(--font-display);letter-spacing:-.025em;color:#fff}.xhero__title em{font-style:normal;background:linear-gradient(100deg,#FFE7A8 0%,var(--gold) 40%,#D9A441 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.xhero__sub{max-width:34ch;margin:0;font-size:16px;line-height:1.5;color:#ffffffc7}.xhero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:6px}.xhero__cta{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:var(--radius-action);background:linear-gradient(180deg,#FFE39A,var(--gold));color:#10241c;font-weight:700;font-size:var(--text-base);text-decoration:none;box-shadow:0 10px 24px -12px #f3d27acc;transition:transform .2s,box-shadow .2s}.xhero__cta:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px #f3d27ae6}.xhero__cta svg{transition:transform .2s}.xhero__cta:hover svg{transform:translate(3px)}.xhero__link{color:#fff;font-weight:600;font-size:var(--text-base);text-decoration:underline;text-decoration-color:#fff6;text-underline-offset:4px}.xhero__link:hover{text-decoration-color:var(--gold)}.xhero__tree{grid-area:tree;position:relative;container-type:inline-size;height:0;padding-bottom:78%;margin-top:6px}.xhero__bauble{--base: 37.3cqw;position:absolute;top:0;left:var(--xm);width:calc(var(--base) * var(--sm));display:grid;justify-items:center;color:inherit;text-decoration:none;transform-origin:50% 0;animation:xhero-sway var(--sway) ease-in-out infinite;animation-delay:var(--lag)}.xhero__bauble[data-desk-only]{display:none}@keyframes xhero-sway{0%,to{transform:rotate(-2.6deg)}50%{transform:rotate(2.6deg)}}.xhero__thread{display:block;width:1.5px;height:calc(var(--dropm) + 18px);background:linear-gradient(#f3d27a26,#f3d27ad9)}.xhero__cap{position:relative;width:22%;height:9px;margin-bottom:-3px;border-radius:3px 3px 2px 2px;background:linear-gradient(90deg,#8c6420,#f6dc8e 45%,#b8862b);z-index:1}.xhero__cap:before{content:"";position:absolute;left:50%;top:-7px;width:9px;height:9px;margin-left:-4.5px;border:1.5px solid var(--gold);border-radius:50%}.xhero__ball{--ring: #C8324B;--ring-dark: #8E1B30;position:relative;display:block;width:100%;aspect-ratio:1;padding:7%;border-radius:50%;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.6),transparent 34%),radial-gradient(circle at 50% 50%,var(--ring) 55%,var(--ring-dark) 100%);box-shadow:0 22px 34px -14px #000000b3,0 0 30px -6px color-mix(in srgb,var(--ring) 60%,transparent);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.xhero__bauble--gold .xhero__ball{--ring: #E9BE5E;--ring-dark: #9A6B1C}.xhero__bauble--green .xhero__ball{--ring: #2F9466;--ring-dark: #145A3A}.xhero__ball img{display:block;width:100%;height:100%;padding:12%;border-radius:50%;background:#fff;object-fit:contain}.xhero__ball:after{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;background:radial-gradient(circle at 32% 24%,#ffffffbf 0,#fff0 16%),radial-gradient(circle at 50% 50%,transparent 62%,rgba(0,0,0,.12) 100%);pointer-events:none}.xhero__tag{position:absolute;top:calc(100% + 8px);left:50%;display:grid;justify-items:center;gap:1px;width:max-content;max-width:220px;padding:7px 12px;border-radius:12px;background:#fff;color:#10241c;text-align:center;box-shadow:0 12px 24px -12px #0009;opacity:0;transform:translate(-50%,4px);transition:opacity .2s,transform .2s;pointer-events:none;z-index:3}.xhero__tag-name{font-size:12px;font-weight:500;line-height:1.25}.xhero__tag-price{font-size:13px;font-weight:700}.xhero__bauble:hover,.xhero__bauble:focus-visible,.xhero__bauble.is-on{z-index:4;animation-play-state:paused}.xhero__bauble:hover .xhero__ball,.xhero__bauble:focus-visible .xhero__ball,.xhero__bauble.is-on .xhero__ball{transform:scale(1.06)}.xhero__bauble:hover .xhero__tag,.xhero__bauble:focus-visible .xhero__tag,.xhero__bauble.is-on .xhero__tag{opacity:1;transform:translate(-50%)}.xhero__bauble:focus-visible{outline:none}.xhero__bauble:focus-visible .xhero__ball{outline:2px solid var(--gold);outline-offset:3px}.xhero.is-paused *,.xhero.is-paused *:before{animation-play-state:paused!important}.xhero__chips{display:flex;align-items:center;gap:14px;padding-block:14px 18px;border-top:1px solid rgba(255,255,255,.1)}.xhero__chips-label{flex:none;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff9}.xhero__chips-row{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.xhero__chips-row::-webkit-scrollbar{display:none}.xhero__chip{flex:none;padding:8px 14px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-action);color:#fff;font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,color .2s}.xhero__chip:hover{background:var(--gold);border-color:var(--gold);color:#10241c}@media(max-width:599px){.xhero__chips-label{display:none}.xhero__chips{margin-right:calc(-1 * var(--page-gutter, 16px))}}@media(min-width:900px){.xhero__in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"copy tree";min-height:500px}.xhero__copy{padding:72px 0 40px;gap:20px}.xhero__sub{font-size:18px}.xhero__tree{padding-bottom:74%;margin-top:0}.xhero__bauble{--base: 29.7cqw;left:var(--x);width:calc(var(--base) * var(--s))}.xhero__bauble[data-desk-only]{display:grid}.xhero__thread{height:calc(var(--drop) + 26px)}.xhero__chips{padding-block:16px 22px}}@media(prefers-reduced-motion:reduce){.xhero__sky i,.xhero__bulb,.xhero__bauble{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/stlukes-xmas-hero.css.map */