.hf-house{--hf-ember:#f0b545;--hf-ember-light:#ffd98a;--hf-ember-dark:#c98a1e;--hf-red:#d62a2f;--hf-num:#fff8ec;isolation:isolate;-webkit-tap-highlight-color:transparent;width:100%;max-width:460px;margin:0 auto;position:relative}.hf-roof{z-index:2;pointer-events:none;width:100%;height:auto;margin-bottom:-4.5%;display:block;position:relative;overflow:visible}.hf-smoke{z-index:1;aspect-ratio:40/70;pointer-events:none;width:10%;margin-top:-9.5%;position:absolute;top:0;left:74.5%}.hf-puff{aspect-ratio:1;opacity:0;background:#e9edf3;border-radius:50%;width:40%;animation:8s ease-out infinite hf-puff;position:absolute;bottom:0;left:30%}.hf-puff:nth-child(n+2){display:none}@keyframes hf-puff{0%{opacity:0;transform:translate(0)scale(.5)}6%{opacity:.9}45%{opacity:0;transform:translate(-50%,-110%)scale(1.7)}to{opacity:0;transform:translate(-50%,-110%)scale(1.7)}}.hf-house[data-finale] .hf-puff{animation-name:hf-puffFull;animation-duration:6s;display:block}.hf-house[data-finale] .hf-puff:nth-child(2){animation-delay:2s}.hf-house[data-finale] .hf-puff:nth-child(3){animation-delay:4s}@keyframes hf-puffFull{0%{opacity:0;transform:translate(0)scale(.6)}12%{opacity:.95}to{opacity:0;transform:translate(-60%,-130%)scale(2.1)}}.hf-house[data-lit="0"] [data-light],.hf-house[data-lit="1"] [data-light=b],.hf-house[data-lit="1"] [data-light=c],.hf-house[data-lit="2"] [data-light=c]{fill:#2c3450}.hf-house[data-lit] [data-light]{transition:fill .5s ease-out .6s}.hf-house[data-lit="0"] [data-light-hi]{opacity:0}.hf-house[data-lit] [data-light-hi]{transition:opacity .5s ease-out .6s}.hf-bulb{fill:#e9dfcc59;transition:fill .5s ease-out .6s}.hf-bulb[data-on=true]{fill:var(--hf-ember)}.hf-wall{z-index:1;background-color:var(--wall);margin:0 5%;padding:7% 4% 4%;position:relative;container-type:inline-size}.hf-wall:after{content:"";z-index:-1;background:var(--wall-dark);pointer-events:none;width:4%;position:absolute;top:0;bottom:0;right:0}.hf-wall[data-design=gingerbread]{background-image:radial-gradient(circle,#fbf6ee 0 2.6px,#0000 3px),radial-gradient(circle,#78461e59 0 2.6px,#0000 3px);background-position:6px 8px,7.5px 10.5px;background-size:46px 40px,46px 40px}.hf-wall[data-design=gingerbread]:before,.hf-wall[data-design=gingerbread]:after{content:"";z-index:-1;pointer-events:none;width:5.2%;position:absolute;top:2%;bottom:0}.hf-wall[data-design=gingerbread]:before{background:repeating-linear-gradient(168deg, var(--hf-red) 0 14px, #fbf6ee 14px 28px);border-radius:6px 0 0 4px;left:-5.2%}.hf-wall[data-design=gingerbread]:after{background:repeating-linear-gradient(192deg,#a81e24 0 14px,#e8dccb 14px 28px);border-radius:0 6px 4px 0;right:-5.2%}.hf-wall[data-design=cottage]{background-image:radial-gradient(circle,#fbf6eed9 0 1.8px,#0000 2.2px);background-position:18px 22px;background-size:70px 58px}.hf-wall[data-design=chalet]{background-image:repeating-linear-gradient(180deg, transparent 0 17px, var(--wall-dark) 17px 21px)}.hf-roof[data-dome=true]{margin-bottom:0}.hf-wall[data-design=igloo]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='36'%3E%3Cpath d='M0 1.5H64M0 19.5H64M1.5 0V18M33.5 18V36' stroke='%23bfd3e4' stroke-width='3'/%3E%3Cpath d='M6 6H28M38 24H60' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:64px 36px;border-radius:0 0 10px 10px}.hf-grid{--gap:clamp(6px, 2.6cqw, 12px);--row:max(54px, calc((100cqw - 3 * var(--gap)) / 4 * .9));grid-template-rows:repeat(8,58px);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(8, var(--row));gap:var(--gap);row-gap:calc(var(--gap) + 4px);display:grid}.hf-yard{z-index:2;pointer-events:none;width:112%;margin-top:-4%;margin-left:-6%;position:relative}.hf-ground{width:100%;height:auto;display:block;overflow:visible}.hf-pine,.hf-lamp{height:auto;position:absolute;overflow:visible}.hf-pine{width:12%;bottom:34%;left:.5%}.hf-lamp{width:6.4%;bottom:34%;right:2.6%}@media (min-width:640px){.hf-lamp{right:calc(2.6% - 24px)}}.hf-scenery{z-index:-1;pointer-events:none;width:420%;height:auto;display:none;position:absolute;bottom:3%;left:50%;translate:-50%}.hf-zvizda{transform-box:fill-box;transform-origin:50%;animation:14s linear infinite hf-zvizda}@keyframes hf-zvizda{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.hf-zvizda{animation:none}}@media (min-width:1024px){.hf-house{max-width:560px}.hf-scenery{display:block}}.hf-door{min-width:44px;min-height:44px;color:inherit;cursor:pointer;font:inherit;touch-action:manipulation;--pw:33.34%;--grain:linear-gradient(transparent, transparent);background:0 0;border:0;border-radius:12px;padding:0;position:relative}.hf-door[data-shape=wide]{--pw:20%}.hf-door[data-shape=front]{--pw:25%}.hf-wall[data-design=chalet] .hf-door,.hf-wall[data-design=igloo] .hf-door{--grain:repeating-linear-gradient(90deg, transparent 0 calc(var(--pw) - 2.5px), #00000038 calc(var(--pw) - 2.5px) var(--pw))}.hf-wall[data-design=cottage] .hf-door[data-shape=tall],.hf-wall[data-design=cottage] .hf-door[data-shape=front]{--grain:repeating-linear-gradient(90deg, transparent 0 7px, #00000029 7px 10px)}.hf-door:focus-visible{outline:3px solid var(--hf-ember);outline-offset:4px}.hf-door[data-active=true]{z-index:5}.hf-frame,.hf-plate{border-radius:var(--r);--r:7px;margin:auto;position:absolute;inset:0}.hf-frame{background:var(--trim);perspective:520px}.hf-plate{background:var(--plate,var(--trim-dark));translate:0 var(--plate-y,4px)}.hf-door[data-shape=arch] :is(.hf-frame,.hf-plate){--r:50% 50% 9% 9% / 40% 40% 8% 8%}.hf-door[data-shape=tall] :is(.hf-frame,.hf-plate){--r:50% 50% 9% 9% / 24% 24% 4% 4%}.hf-door[data-shape=front] :is(.hf-frame,.hf-plate){--r:50% 50% 5% 5% / 36% 36% 4% 4%}.hf-door[data-shape=wide] :is(.hf-frame,.hf-plate){--r:10px}.hf-door[data-shape=round] .hf-plate{--r:50%;aspect-ratio:1;width:auto;max-width:100%;height:100%;translate:-50% var(--plate-y,4px);left:50%;right:auto}.hf-door[data-shape=round] .hf-frame{--r:50%;aspect-ratio:1;width:auto;max-width:100%;height:100%;left:50%;right:auto;translate:-50%}.hf-wall[data-design=gingerbread] .hf-door[data-shape=round] .hf-frame{background:repeating-conic-gradient(var(--hf-red) 0 22.5deg, #fbf6ee 22.5deg 45deg)}.hf-wall[data-design=gingerbread] .hf-door[data-shape=round]{--plate:#a81e24}.hf-frame:before{content:"";z-index:3;background:radial-gradient(circle at 20% 100%, var(--hf-snow) 0 4px, transparent 4.5px), radial-gradient(circle at 62% 100%, var(--hf-snow) 0 3.5px, transparent 4px), var(--hf-snow);height:11px;box-shadow:0 3px 0 var(--hf-snow-dark);pointer-events:none;border-radius:12px 12px 6px 6px/10px 10px 6px 6px;position:absolute;top:-4px;left:-4px;right:-4px}.hf-door[data-shape=round] .hf-frame:before{top:-3px;left:20%;right:20%}.hf-door[data-shape=arch] .hf-frame:before,.hf-door[data-shape=tall] .hf-frame:before,.hf-door[data-shape=front] .hf-frame:before{top:-4px;left:24%;right:24%}.hf-wall[data-design=igloo] .hf-frame:before{height:7px;top:-4px}.hf-inside,.hf-leaf{border-radius:var(--r);position:absolute;inset:4px}.hf-door[data-shape=front] .hf-inside,.hf-door[data-shape=front] .hf-leaf{inset:5px}.hf-wall[data-design=gingerbread] .hf-door[data-shape=round] .hf-inside,.hf-wall[data-design=gingerbread] .hf-door[data-shape=round] .hf-leaf{inset:7px}.hf-inside{background:radial-gradient(circle at 50% 58%, var(--hf-ember-light) 0 34%, var(--hf-ember) 35%);box-shadow:inset 0 4px 0 var(--hf-ember-dark);overflow:hidden}.hf-inside:after{content:"";opacity:0;background:radial-gradient(circle at 50% 55%,#fffaf0 0 42%,#0000 43%);transition:opacity .5s ease-out;position:absolute;inset:0}.hf-door[data-active=true] .hf-inside:after{opacity:.9;transition:opacity .4s ease-out .12s}.hf-leaf{transform-origin:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.hf-face,.hf-back{border-radius:var(--r);backface-visibility:hidden;position:absolute;inset:0}.hf-face{background:var(--grain), var(--leaf);color:var(--hf-num);justify-content:center;align-items:center;display:flex;box-shadow:inset 0 -5px #00000029}.hf-back{background:var(--grain), var(--leaf);transform:rotateY(180deg);box-shadow:inset 0 0 0 100vmax #00000040}.hf-face:before{content:"";pointer-events:none;border:2.5px solid #0000002e;border-radius:4px;position:absolute;inset:20% 18%}.hf-door[data-shape=arch] .hf-face:before{border-radius:50% 50% 3px 3px/32% 32% 3px 3px;inset:24% 20% 16%}.hf-door[data-shape=round] .hf-face:before{border-radius:50%;inset:15%}.hf-door[data-shape=tall] .hf-face:before,.hf-door[data-shape=front] .hf-face:before{border-radius:50% 50% 4px 4px/24% 24% 4px 4px;inset:18% 16% 12%}.hf-door[data-shape=wide] .hf-face:before{background:linear-gradient(90deg,#0000 calc(50% - 2px),#0000002e calc(50% - 2px) calc(50% + 2px),#0000 calc(50% + 2px));border-radius:5px;inset:16% 8%}.hf-wall[data-design=gingerbread] .hf-face:before{border:2.5px dotted #fbf6ee}.hf-wall[data-design=cottage] .hf-door[data-shape=tall] .hf-face:before,.hf-wall[data-design=cottage] .hf-door[data-shape=front] .hf-face:before,.hf-wall[data-design=igloo] .hf-face:before{display:none}.hf-door[data-shape=square]:after,.hf-door[data-shape=arch]:after,.hf-door[data-shape=wide]:after{content:"";z-index:3;background:var(--hf-snow);height:6px;box-shadow:0 2px 0 var(--hf-snow-dark);pointer-events:none;border-radius:5px;position:absolute;bottom:-2px;left:-5px;right:-5px}.hf-wall[data-design=igloo] .hf-door:after{display:none}.hf-door[data-shape=front]:after{content:"";z-index:3;background:var(--hf-snow);height:9px;box-shadow:0 3px 0 var(--hf-snow-dark);pointer-events:none;border-radius:5px;position:absolute;bottom:-7px;left:-9%;right:-9%}.hf-wall[data-design=gingerbread] .hf-door[data-shape=front]:before{content:"";z-index:0;background:repeating-linear-gradient(135deg, var(--hf-red) 0 8px, #fbf6ee 8px 16px);pointer-events:none;border-radius:50% 50% 4% 4%/38% 38% 3% 3%;padding:9px 9px 0;position:absolute;inset:-9px -9px -2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hf-wall[data-design=igloo] .hf-door[data-shape=front] .hf-frame{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20'%3E%3Cpath d='M0 1H26M0 11H26M1 0V10M14 10V20' stroke='%23b4cadd' stroke-width='2'/%3E%3C/svg%3E"), var(--trim);box-shadow:-6px 0 0 var(--wall-dark);background-size:26px 20px}.hf-wall[data-design=igloo] .hf-door[data-shape=front]{--plate-y:5px}.hf-wall[data-design=igloo] .hf-door[data-shape=front] .hf-inside,.hf-wall[data-design=igloo] .hf-door[data-shape=front] .hf-leaf{inset:13px 13px 0}.hf-num{font-family:var(--font-display), Georgia, serif;text-shadow:0 2px #00000047;font-variant-numeric:lining-nums;font-size:clamp(17px,7cqw,30px);font-weight:700;line-height:1;position:relative}.hf-door[data-shape=front] .hf-num{font-size:clamp(26px,12cqw,48px);position:absolute;top:65%;left:50%;translate:-50% -50%}.hf-wall[data-design=gingerbread] .hf-door[data-shape=front] .hf-num,.hf-wall[data-design=igloo] .hf-door[data-shape=front] .hf-num{top:50%}.hf-knob{background:var(--hf-ember);width:7px;height:7px;box-shadow:0 1.5px 0 var(--hf-ember-dark);border-radius:50%;position:absolute;top:52%;right:12%}.hf-door[data-shape=round] .hf-knob{top:46%;right:16%}.hf-door[data-shape=front] .hf-knob{width:10px;height:10px;top:60%;right:11%}.hf-wreath{z-index:1;aspect-ratio:1;width:28%;position:absolute;top:5%;left:50%;translate:-50%}.hf-wreath:before{content:"";background:radial-gradient(circle at 22% 38%, var(--hf-red) 0 2.6px, transparent 3px), radial-gradient(circle at 78% 30%, var(--hf-red) 0 2.6px, transparent 3px), radial-gradient(circle at 30% 80%, var(--hf-red) 0 2.4px, transparent 2.8px), repeating-conic-gradient(#1f6b47 0 15deg, #2f8a5b 15deg 30deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 34%,#000 35% 68%,#0000 69%);mask:radial-gradient(circle,#0000 34%,#000 35% 68%,#0000 69%)}.hf-wreath:after{content:"";background:var(--hf-red);width:10px;height:7px;box-shadow:-6px 2px 0 -1px var(--hf-red), 6px 2px 0 -1px var(--hf-red);border-radius:4px;position:absolute;bottom:-4px;left:50%;translate:-50%}.hf-wall[data-design=gingerbread] .hf-wreath,.hf-wall[data-design=igloo] .hf-wreath{display:none}.hf-door[data-state=locked] .hf-face{background:linear-gradient(135deg, #ebf4ff21 0 20%, transparent 20%), var(--grain), var(--leaf)}.hf-door[data-state=locked] .hf-num{opacity:.85}.hf-door[data-state=locked]{cursor:default}.hf-door[data-state=today]{z-index:4}.hf-door[data-state=today] .hf-frame{outline:3.5px solid var(--hf-red);outline-offset:-4px;transition:outline-color .18s ease-in}.hf-door[data-phase=break] .hf-frame{outline-color:#0000}.hf-seal{z-index:4;pointer-events:none;width:26px;height:26px;animation:7s ease-in-out 2s infinite hf-nudge;position:absolute;top:3px;right:3px;rotate:-8deg}.hf-sealHalf{background:radial-gradient(circle, transparent 0 44%, #ffecd6bf 45% 51%, transparent 52%), var(--hf-red);border-radius:50%;position:absolute;inset:0;box-shadow:0 3px #a81e24}.hf-sealHalf[data-side=l]{clip-path:polygon(0 0,54% 0,44% 46%,52% 100%,0 100%)}.hf-sealHalf[data-side=r]{clip-path:polygon(54% 0,100% 0,100% 100%,52% 100%,44% 46%)}@keyframes hf-nudge{0%,92.5%,to{translate:0;rotate:-8deg}95%{translate:0 -2px;rotate:7deg}97.5%{translate:0;rotate:-3deg}}.hf-door[data-phase=break] .hf-seal{animation:90ms ease-out forwards hf-press}@keyframes hf-press{to{scale:.92}}.hf-door[data-phase=break] .hf-sealHalf{animation:.18s ease-in 80ms forwards hf-crack}@keyframes hf-crack{to{opacity:0;translate:var(--dx) 14px;rotate:var(--rot)}}.hf-sealHalf[data-side=l]{--dx:-6px;--rot:-25deg}.hf-sealHalf[data-side=r]{--dx:6px;--rot:25deg}.hf-door[data-state=open] .hf-frame:after{content:"";z-index:2;border-radius:var(--r);border:3px solid var(--hf-ember);opacity:.8;pointer-events:none;position:absolute;inset:-6px}.hf-door[data-state=today] .hf-plate:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(closest-side,#ffc878bf,#ffc87800 100%);border:3px solid #ff5c50f2;animation:2.4s ease-out .6s infinite hf-halo;position:absolute;inset:-9px}.hf-door[data-phase=break] .hf-plate:before{opacity:0;animation:none}@keyframes hf-halo{0%{opacity:.9;scale:1}70%,to{opacity:0;scale:1.18}}.hf-door[data-state=today] .hf-num{color:var(--hf-ember-light)}.hf-door[data-state=today] .hf-face:before{border-color:var(--hf-ember)}.hf-door[data-state=opened] .hf-leaf{transform:rotateY(-38deg)}.hf-tick{z-index:2;pointer-events:none;stroke:#fbf6ee;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:16px;height:14px;position:absolute;bottom:8%;right:6%;overflow:visible}.hf-door[data-shape=round] .hf-tick{bottom:13%;right:17%}.hf-door[data-shape=arch] .hf-tick{right:9%}.hf-tick path{stroke-dasharray:24;stroke-dashoffset:0}.hf-door[data-settle=true] .hf-tick path{animation:.3s ease-out .4s both hf-tickDraw}@keyframes hf-tickDraw{0%{stroke-dashoffset:24px}}.hf-house[data-finale] .hf-door[data-state=opened] .hf-inside:after{opacity:.9}.hf-house[data-finale=cascade] .hf-door[data-state=opened]:not([data-active=true]) .hf-inside:after{transition:opacity .3s ease-out calc(.8s + var(--fd,0s))}.hf-bow{z-index:2;aspect-ratio:2;pointer-events:none;width:24%;display:none;position:absolute;top:1.5%;left:50%;translate:-50%}.hf-bow:before,.hf-bow:after{content:"";background:var(--hf-red);width:48%;height:100%;position:absolute;top:0;box-shadow:0 2px #a81e24}.hf-bow:before{clip-path:polygon(0 0,100% 35%,100% 65%,0 100%);border-radius:50% 10% 10% 50%;left:0}.hf-bow:after{clip-path:polygon(0 35%,100% 0,100% 100%,0 65%);border-radius:10% 50% 50% 10%;right:0}.hf-bow>span{background:#a81e24;border-radius:3px;width:18%;height:56%;position:absolute;top:22%;left:50%;translate:-50%}.hf-bow>span:before,.hf-bow>span:after{content:"";background:var(--hf-red);width:90%;height:160%;position:absolute;top:70%}.hf-bow>span:before{clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);right:40%;rotate:18deg}.hf-bow>span:after{clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);left:40%;rotate:-18deg}.hf-house[data-finale] .hf-bow{display:block}.hf-house[data-finale=cascade] .hf-bow{animation:.26s cubic-bezier(.3,.7,.4,1) 1.8s both hf-bowOn}@keyframes hf-bowOn{0%{opacity:0;rotate:4deg;scale:1.15}}.hf-door[data-state=empty] .hf-face{outline:2px dashed var(--leaf);outline-offset:-6px;color:var(--ink);background:#ffffff1f;box-shadow:inset 0 0 0 2px #fff9}.hf-door[data-state=empty] .hf-frame{background:color-mix(in srgb, var(--trim) 70%, transparent);box-shadow:0 4px 0 var(--trim-dark)}.hf-door[data-state=empty] .hf-plate{display:none}.hf-door[data-state=empty] .hf-num{text-shadow:none;opacity:.8}.hf-door[data-state=empty] .hf-knob,.hf-door[data-state=empty][data-shape=square] .hf-face:before,.hf-door[data-state=empty][data-shape=arch] .hf-face:before,.hf-door[data-state=empty][data-shape=round] .hf-face:before{display:none}.hf-badge{z-index:4;min-width:18px;height:18px;color:var(--ink);background:var(--hf-ember);box-shadow:0 2px 0 var(--hf-ember-dark);pointer-events:none;border-radius:999px;place-items:center;padding:0 4px;font-size:11px;line-height:1;display:grid;position:absolute;top:-6px;right:-4px}.hf-badge[data-kind=add]{background:#fbf6ee;font-size:13px;font-weight:800;box-shadow:0 2px #d9d1c3}.hf-seen{z-index:4;background:var(--pine);pointer-events:none;border-radius:50%;width:16px;height:16px;position:absolute;top:-6px;left:-4px;box-shadow:0 0 0 2px #fbf6ee}.hf-seen:after{content:"";border:2px solid #fbf6ee;border-width:0 2px 2px 0;width:4px;height:7px;position:absolute;top:3px;left:5px;rotate:45deg}.hf-door[data-active=true] .hf-leaf{will-change:transform;transition:transform .52s cubic-bezier(.25,.8,.3,1);transform:rotateY(-105deg)}@media (hover:hover){.hf-door:not([data-state=locked]):not([data-active=true]):hover .hf-leaf{will-change:transform;transform:rotateY(-14deg)}.hf-door[data-state=opened]:not([data-active=true]):hover .hf-leaf{transform:rotateY(-50deg)}.hf-frame{transition:translate .18s}.hf-door:not([data-state=locked]):not([data-active=true]):hover .hf-frame{will-change:translate;translate:0 -3px}.hf-door[data-shape=round]:not([data-state=locked]):not([data-active=true]):hover .hf-frame{translate:-50% -3px}.hf-door[data-state=locked]:hover .hf-num{opacity:1}}.hf-shake .hf-frame{animation:.45s ease-in-out hf-shake}@keyframes hf-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-3px)rotate(-1.5deg)}45%{transform:translate(3px)rotate(1.5deg)}70%{transform:translate(-2px)rotate(-.8deg)}}.hf-tip{z-index:10;white-space:nowrap;color:var(--ink);pointer-events:none;background:#fbf6ee;border-radius:10px;padding:7px 11px;font-size:13px;font-weight:700;line-height:1.2;animation:.22s ease-out both hf-tipIn;position:absolute;bottom:calc(100% + 8px);box-shadow:0 4px #00000040}.hf-tip[data-align=start]{left:-2px}.hf-tip[data-align=center]{left:50%;translate:-50%}.hf-tip[data-align=end]{right:-2px}.hf-tip:after{content:"";border:6px solid #0000;border-top-color:#fbf6ee;position:absolute;top:100%}.hf-tip[data-align=start]:after{left:18px}.hf-tip[data-align=center]:after{left:50%;translate:-50%}.hf-tip[data-align=end]:after{right:18px}.hf-tip[data-place=below]{top:calc(100% + 8px);bottom:auto}.hf-tip[data-place=below]:after{border-top-color:#0000;border-bottom-color:#fbf6ee;top:auto;bottom:100%}@keyframes hf-tipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hf-srOnly{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hf-wall[data-design=lighthouse]{background:0 0;margin:0 9%;padding:7% 7% 4%}.hf-wall[data-design=lighthouse]:before,.hf-wall[data-design=windmill]:before{content:"";z-index:-2;pointer-events:none;position:absolute;inset:0}.hf-wall[data-design=lighthouse]:before{clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);background:repeating-linear-gradient(180deg, var(--wall) 0 11.111%, #fbf6ee 11.111% 22.222%)}.hf-wall[data-design=lighthouse]:after,.hf-wall[data-design=windmill]:after{background:#00000029;width:auto;left:0;right:0}.hf-wall[data-design=lighthouse]:after{clip-path:polygon(89% 0,96% 0,100% 100%,91.5% 100%)}.hf-wall[data-design=windmill]{background:0 0;margin:0 8%;padding:7% 8% 4%}.hf-wall[data-design=windmill]:before{clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);background:repeating-linear-gradient(180deg, transparent 0 34px, var(--wall-dark) 34px 37px), var(--wall)}.hf-wall[data-design=windmill]:after{clip-path:polygon(87% 0,93% 0,100% 100%,91% 100%)}.hf-wall[data-design=treehouse]{background-image:repeating-linear-gradient(180deg, transparent 0 24px, var(--wall-dark) 24px 27px);margin:0 10%;padding:7% 4% 6%}.hf-boughs{z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath d='M100 8L0 52L100 76Z' fill='%232f7d57'/%3E%3Cpath d='M100 46L0 52L100 76Z' fill='%23256646'/%3E%3Cpath d='M100 6L-1 51Q4 56 10 50Q17 53 24 45Q32 47 40 38Q50 40 58 31Q70 31 78 23Q90 22 100 14Z' fill='%23fbf6ee'/%3E%3Cpath d='M100 62L30 90L100 100Z' fill='%232f7d57'/%3E%3Cpath d='M100 84L30 90L100 100Z' fill='%23256646'/%3E%3Cpath d='M100 60L29 89Q34 93 40 88Q48 90 56 84Q66 85 74 78Q86 78 100 70Z' fill='%23fbf6ee'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg transform='translate(100 0) scale(-1 1)'%3E%3Cpath d='M100 8L0 52L100 76Z' fill='%232f7d57'/%3E%3Cpath d='M100 46L0 52L100 76Z' fill='%231f5a3d'/%3E%3Cpath d='M100 6L-1 51Q4 56 10 50Q17 53 24 45Q32 47 40 38Q50 40 58 31Q70 31 78 23Q90 22 100 14Z' fill='%23fbf6ee'/%3E%3Cpath d='M100 62L30 90L100 100Z' fill='%232f7d57'/%3E%3Cpath d='M100 84L30 90L100 100Z' fill='%231f5a3d'/%3E%3Cpath d='M100 60L29 89Q34 93 40 88Q48 90 56 84Q66 85 74 78Q86 78 100 70Z' fill='%23fbf6ee'/%3E%3C/g%3E%3C/svg%3E");background-position:0 0,right 30px;background-repeat:repeat-y;background-size:24%;position:absolute;inset:21% 0 16%}.hf-wall[data-design=townhouse]{--tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23e4ecf6'/%3E%3Cpath d='M0 0h5a5 5 0 0 1-5 5zM20 0v5a5 5 0 0 1-5-5zM0 20v-5a5 5 0 0 1 5 5zM20 20h-5a5 5 0 0 1 5-5zM10 4l6 6-6 6-6-6z' fill='%232a4f9a'/%3E%3Ccircle cx='10' cy='10' r='1.8' fill='%23e4ecf6'/%3E%3Cpath d='M0 0.5H20M0.5 0V20' stroke='%23c3cfe0'/%3E%3C/svg%3E");background:var(--tile) left bottom / 18px 18px repeat-x, linear-gradient(90deg, #e9dfcc 0 3.5%, transparent 3.5%), var(--wall);margin:0 11%;padding:8% 4% calc(4% + 18px)}.hf-wall[data-design=treehouse] .hf-door,.hf-wall[data-design=windmill] .hf-door[data-shape=tall],.hf-wall[data-design=windmill] .hf-door[data-shape=front]{--grain:repeating-linear-gradient(90deg, transparent 0 calc(var(--pw) - 2.5px), #00000038 calc(var(--pw) - 2.5px) var(--pw))}.hf-wall[data-design=lighthouse] .hf-wreath:before{background:repeating-conic-gradient(from 22.5deg, var(--hf-red) 0 45deg, #fbf6ee 45deg 90deg);-webkit-mask:radial-gradient(circle,#0000 38%,#000 39% 66%,#0000 67%);mask:radial-gradient(circle,#0000 38%,#000 39% 66%,#0000 67%)}.hf-wall[data-design=lighthouse] .hf-wreath:after{display:none}.hf-annex{width:17%;height:auto;position:absolute;bottom:30%;right:-1%;overflow:visible}.hf-yard[data-design=treehouse]{margin-top:-5%}.hf-sails{z-index:3;pointer-events:none;width:65%;height:auto;margin-top:-.5%;animation:48s linear infinite hf-sails;position:absolute;top:0;left:17.5%;overflow:visible}@keyframes hf-sails{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.hf-door[data-state=today] .hf-plate:before{opacity:.85;scale:1.06;animation:none!important}.hf-puff,.hf-seal,.hf-shake .hf-frame,.hf-tip,.hf-door[data-settle=true] .hf-tick path{animation:none!important}.hf-house .hf-puff{display:none}.hf-sails{animation:none!important}.hf-leaf,.hf-frame{transition:none!important}.hf-door[data-phase=break] .hf-seal{animation:none!important}.hf-door[data-phase=break] .hf-sealHalf{animation:.15s ease-out forwards hf-fadeOut!important}.hf-inside:after,.hf-door[data-active=true] .hf-inside:after,.hf-house[data-finale] .hf-door[data-state=opened] .hf-inside:after,.hf-house[data-lit] [data-light],.hf-bulb{transition:opacity .15s ease-out,fill .15s ease-out!important}.hf-house[data-finale] .hf-bow{display:block}.hf-house[data-finale=cascade] .hf-bow{animation:.15s ease-out both hf-fadeIn!important}}@keyframes hf-fadeOut{to{opacity:0}}@keyframes hf-fadeIn{0%{opacity:0}}