.advent-cal{--advent-pine:var(--wp--preset--color--pine);--advent-pine-deep:color-mix(in srgb,var(--wp--preset--color--pine) 68%,var(--wp--preset--color--black));--advent-gold:var(--wp--preset--color--amber);--advent-ring:var(--wp--preset--color--cyan);color:var(--wp--preset--color--white);container-type:inline-size;position:relative}.advent-cal--classic{background:radial-gradient(120% 90% at 50% 110%,color-mix(in srgb,var(--wp--preset--color--royalblue) 30%,#0b1f3d) 0,#0b1f3d 45%,#081326 100%);border-radius:22px;overflow:hidden;padding:12px}.advent-cal__art{inset:0;pointer-events:none;position:absolute}.advent-cal__glow{background:radial-gradient(60% 50% at 50% 100%,color-mix(in srgb,var(--wp--preset--color--amber) 22%,transparent),transparent 70%);inset:0;position:absolute}.advent-cal__bauble{--advent-bauble:var(--wp--preset--color--amber);aspect-ratio:1;background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--advent-bauble) 22%,var(--wp--preset--color--white)) 0,var(--advent-bauble) 24%,color-mix(in srgb,var(--advent-bauble) 68%,var(--wp--preset--color--black)) 71%,color-mix(in srgb,var(--advent-bauble) 38%,var(--wp--preset--color--black)) 100%);border-radius:50%;box-shadow:inset -10px -14px 26px rgba(0,0,0,.35),0 20px 30px -10px rgba(0,0,0,.5);position:absolute;&:before{background:linear-gradient(var(--wp--preset--color--paleblue),var(--wp--preset--color--slateblue));border-radius:3px;content:"";height:12%;left:50%;position:absolute;top:-9%;transform:translateX(-50%);width:16%}}.advent-cal__bauble--red{--advent-bauble:var(--wp--preset--color--coral)}.advent-cal__bauble--blue{--advent-bauble:var(--wp--preset--color--royalblue)}.advent-cal__bauble--cyan{--advent-bauble:var(--wp--preset--color--cyan)}.advent-cal__grid{aspect-ratio:6/4.4;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));position:relative}.advent-cal__door{background:none;border:0;color:inherit;font:inherit;margin:0;outline-offset:-3px;padding:0;perspective:600px;position:relative}button.advent-cal__door{cursor:pointer}.advent-cal__back,.advent-cal__front{align-items:flex-start;backface-visibility:hidden;border-radius:8px;box-sizing:border-box;display:flex;inset:3px;justify-content:flex-start;padding:6px 8px;position:absolute;transition:transform .6s cubic-bezier(.2,.8,.2,1),background-color .15s ease,border-color .15s ease}.advent-cal__front{background:hsla(0,0%,100%,.03);border:1px dashed hsla(0,0%,100%,.42);font-size:clamp(11px,4.2cqi,22px);font-weight:800;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.55);transform-origin:left center}.advent-cal__back{align-items:center;background:linear-gradient(145deg,var(--advent-pine),var(--advent-pine-deep));border:1px solid color-mix(in srgb,var(--advent-gold) 50%,transparent);flex-direction:column;font-size:clamp(14px,4.5cqi,24px);gap:2px;justify-content:center;line-height:1.1;transform:rotateY(180deg);small{color:var(--advent-gold);font-size:11px;font-weight:800}}button.advent-cal__door:hover .advent-cal__front{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.8)}.advent-cal__door.is-open{.advent-cal__front{transform:rotateY(-180deg)}.advent-cal__back{transform:rotateY(0)}}.advent-cal__door.is-done .advent-cal__front{align-items:center;background:linear-gradient(145deg,var(--advent-pine),var(--advent-pine-deep));border:0;color:color-mix(in srgb,var(--advent-pine) 18%,var(--wp--preset--color--white));justify-content:center}.advent-cal__grid:not(.is-tiles) .advent-cal__door.is-big{grid-column:3/5;grid-row:2/5;.advent-cal__front{font-size:clamp(24px,11cqi,58px);padding:10px 16px}}button.advent-cal__door.is-locked{cursor:not-allowed;&:hover .advent-cal__front{background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.42)}}.advent-cal__door.is-today .advent-cal__front{border:2px solid var(--advent-gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--advent-gold) 20%,transparent),inset 0 0 20px color-mix(in srgb,var(--advent-gold) 20%,transparent)}.advent-cal__door.is-selected :is(.advent-cal__front,.advent-cal__back),.advent-cal__door:focus-visible .advent-cal__front{box-shadow:0 0 0 3px var(--advent-ring)}.advent-cal__door:focus-visible{outline:none}.advent-cal__grid.is-tiles{aspect-ratio:auto;gap:9px;grid-template-rows:none;.advent-cal__door{aspect-ratio:1}.advent-cal__front{align-items:center;border-radius:12px;font-size:clamp(12px,4cqi,21px);inset:0;justify-content:center;padding:0;text-shadow:none}}.advent-cal--neon{--advent-lime:#d8ff3d;--advent-pink:#ff4fa3;background:#111118;padding:12px;.advent-cal__front{background:transparent;border:2px solid var(--advent-lime);border-radius:0;color:var(--advent-lime);text-shadow:none}.advent-cal__door.is-done .advent-cal__front{background:var(--advent-pink);border:2px solid var(--advent-pink);color:#0b0b10}.advent-cal__door.is-big .advent-cal__front{background:var(--advent-lime);color:#0b0b10}}.advent-cal--cosy{--advent-cosy-ink:#1f4d3a;.advent-cal__door.is-big{aspect-ratio:auto;grid-column:5/7;grid-row:2/4;.advent-cal__front{font-size:clamp(24px,8cqi,46px)}}.advent-cal__front{background:#fdf6ea;border:2px solid var(--advent-cosy-ink);box-shadow:0 4px 0 var(--advent-cosy-ink);color:var(--advent-cosy-ink);font-family:Georgia,serif;font-weight:700}[data-tone=red] .advent-cal__front{background:#df2a44;border-color:#b81d34;box-shadow:0 4px 0 #9d1629;color:var(--wp--preset--color--white)}[data-tone=gold] .advent-cal__front{background:#f5b04a;border-color:#e39a2f;box-shadow:0 4px 0 #c9831f}.advent-cal__door.is-locked .advent-cal__front{background:repeating-linear-gradient(135deg,#ebe6da 0 8px,#f6f2e9 8px 16px);border:2px dashed #b9b3a6;box-shadow:none;color:#9a958a;&:after{content:"🔒";font-size:11px;position:absolute;right:7px;top:5px}}}.advent-cal--rows .is-tiles{.advent-cal__front{background:#0e8a73;border:2px dashed hsla(0,0%,100%,.45);border-radius:10px;color:var(--wp--preset--color--white);font-size:clamp(11px,3.4cqi,17px)}[data-tone="1"] .advent-cal__front{background:#2d5a14}[data-tone="2"] .advent-cal__front{background:#3781a6}[data-tone="3"] .advent-cal__front{background:#c15a47}[data-tone="4"] .advent-cal__front{background:#1f4210}[data-tone="5"] .advent-cal__front{background:#3d7a1c}}@media (prefers-reduced-motion:reduce){.advent-cal__back,.advent-cal__front{transition:none}}@media (max-width:640px){.advent-cal__grid:not(.is-tiles){.advent-cal__back,.advent-cal__front{inset:2px}.advent-cal__front{border-radius:6px;padding:3px 5px}}}.wp-block-lohko-advent-demo{--advent-demo-ink:var(--wp--preset--color--darkestblue);--advent-demo-title:color-mix(in srgb,var(--wp--preset--color--pine) 35%,var(--wp--preset--color--black));--advent-demo-muted:color-mix(in srgb,var(--wp--preset--color--darkestblue) 70%,var(--wp--preset--color--slateblue));--advent-demo-line:color-mix(in srgb,var(--wp--preset--color--amber) 25%,var(--wp--preset--color--lilyblue));--advent-demo-accent:var(--wp--preset--color--pine);--advent-demo-paper:color-mix(in srgb,var(--wp--preset--color--amber) 16%,var(--wp--preset--color--white));position:relative;h3,p{margin:0}[hidden]{display:none!important}button{font:inherit}}.advent-demo__sr{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.advent-demo__journey{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 40px;max-width:980px}.advent-demo__stop{align-items:center;display:inline-flex;gap:10px}.advent-demo__arrow{color:var(--wp--preset--color--slateblue);font-size:.875rem}.advent-demo__pill{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.12);border-radius:999px;box-sizing:border-box;color:color-mix(in srgb,var(--wp--preset--color--greyblue) 60%,var(--wp--preset--color--white));cursor:pointer;display:inline-flex;font-size:.875rem!important;font-weight:600;gap:10px;height:44px;padding:0 16px 0 6px;transition:border-color .2s,background-color .2s,color .2s;&:hover{border-color:color-mix(in srgb,var(--wp--preset--color--amber) 50%,transparent)}&.is-active,&:hover{color:var(--wp--preset--color--white)}&.is-active{background:linear-gradient(120deg,color-mix(in srgb,var(--wp--preset--color--royalblue) 25%,transparent),color-mix(in srgb,var(--wp--preset--color--cyan) 12%,transparent));border-color:var(--wp--preset--color--cyan)}&:focus-visible{outline:2px solid var(--wp--preset--color--cyan);outline-offset:2px}}.advent-demo__pill-number{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--amber) 14%,transparent);border-radius:50%;color:var(--wp--preset--color--amber);display:flex;font-size:.75rem;font-weight:800;height:32px;justify-content:center;width:32px}.advent-demo__grid{align-items:stretch;display:grid;gap:28px;grid-template-columns:1.15fr .85fr}.advent-demo__calendar{background:linear-gradient(145deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.1);border-radius:28px;padding:14px}.advent-demo__head{align-items:center;color:var(--wp--preset--color--greyblue);display:flex;flex-wrap:wrap;font-size:.8125rem;gap:4px 12px;justify-content:space-between;padding:2px 6px 12px;b,strong{color:color-mix(in srgb,var(--wp--preset--color--amber) 55%,var(--wp--preset--color--white))}}.advent-demo__panel{background:linear-gradient(160deg,color-mix(in srgb,var(--wp--preset--color--amber) 4%,var(--wp--preset--color--white)) 0,var(--advent-demo-paper) 100%);border-radius:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);box-sizing:border-box;color:var(--advent-demo-ink);display:flex;flex-direction:column;min-height:440px;padding:30px;position:relative}.advent-demo__screen{display:flex;flex:1;flex-direction:column;>h3{color:var(--advent-demo-title);font-size:1.375rem;font-weight:700;line-height:1.25;margin-bottom:10px}>p{color:var(--advent-demo-muted);font-size:.90625rem;line-height:1.6;margin-bottom:16px}}.advent-demo__top{align-items:center;display:flex;gap:12px;margin-bottom:18px}.advent-demo__lock-tag,.advent-demo__tag,.advent-demo__thanks-tag{align-items:center;background:var(--advent-demo-accent);border-radius:999px;box-sizing:border-box;color:var(--wp--preset--color--white);display:inline-flex;font-size:.71875rem;font-weight:800;height:28px;letter-spacing:.04em;padding:0 12px;text-transform:uppercase}.advent-demo__lock-tag{background:var(--wp--preset--color--slateblue)}.advent-demo__date{color:var(--wp--preset--color--slateblue);font-size:.75rem;font-weight:800}.advent-demo__back{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--paleblue) 45%,var(--wp--preset--color--white));border:1px solid var(--advent-demo-ink);border-radius:50%;color:var(--advent-demo-ink);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:auto;padding:0;width:36px}.advent-demo__body{display:flex;flex-direction:column;flex-grow:1;gap:10px}.advent-demo__option{background:var(--wp--preset--color--white);border:1px solid var(--advent-demo-line);border-radius:14px;box-sizing:border-box;color:var(--advent-demo-ink);display:block;font-size:.90625rem;font-weight:600;padding:12px 16px;text-align:left;transition:border-color .15s,background-color .15s;width:100%}button.advent-demo__option{cursor:pointer;&:hover:not(:disabled){border-color:var(--advent-demo-accent)}&:disabled{cursor:default}&.is-right{background:color-mix(in srgb,var(--advent-demo-accent) 12%,var(--wp--preset--color--white));border-color:var(--advent-demo-accent);box-shadow:0 0 0 1px var(--advent-demo-accent)}&.is-wrong{background:color-mix(in srgb,var(--wp--preset--color--coral) 10%,var(--wp--preset--color--white));border-color:var(--wp--preset--color--coral)}}.advent-demo__feedback{color:var(--advent-demo-accent);font-size:.875rem;font-weight:700;min-height:20px}.wp-block-lohko-advent-demo .advent-demo__feedback>*{display:none}.advent-demo__day--quiz.is-right .advent-demo__result,.advent-demo__day--quiz.is-wrong .advent-demo__miss,.advent-demo__day--wheel.is-done .advent-demo__result{display:inline!important}.advent-demo__button{align-items:center;align-self:flex-start;background:var(--advent-demo-accent);border:0;border-radius:999px;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--advent-demo-accent) 70%,transparent);box-sizing:border-box;color:var(--wp--preset--color--white);cursor:pointer;display:inline-flex;font-size:.9375rem!important;font-weight:700;height:48px;justify-content:center;padding:0 24px;&:disabled{cursor:default;opacity:.6}&.is-ghost{background:transparent;border:1.5px solid var(--advent-demo-accent);box-shadow:none;color:var(--advent-demo-accent);height:40px}.advent-demo__result{display:none}&.is-done{.advent-demo__button-text{display:none}.advent-demo__result{display:inline}}}.advent-demo__big{color:var(--wp--preset--color--coral);font-size:2.75rem;font-weight:800;line-height:1;margin-bottom:10px}.advent-demo__coupon{align-items:center;background:var(--wp--preset--color--white);border:2px dashed var(--advent-demo-accent);border-radius:16px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 18px}.advent-demo__coupon .advent-demo__code{color:var(--advent-demo-title);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;font-weight:800;letter-spacing:.08em}.advent-demo__spin{align-items:center;flex-direction:row;flex-wrap:wrap;gap:22px}.advent-demo__spin-side{display:flex;flex-direction:column;gap:12px}.advent-demo__wheel{flex-shrink:0;position:relative;>svg:first-child{display:block}[data-tone] path{fill:var(--advent-demo-tone)}[data-tone=pine]{--advent-demo-tone:var(--wp--preset--color--pine)}[data-tone=amber]{--advent-demo-tone:var(--wp--preset--color--amber);text{fill:var(--advent-demo-ink)}}[data-tone=coral]{--advent-demo-tone:var(--wp--preset--color--coral)}[data-tone=royalblue]{--advent-demo-tone:var(--wp--preset--color--royalblue)}[data-tone=cyan]{--advent-demo-tone:var(--wp--preset--color--cyan)}text{fill:var(--wp--preset--color--white);font-size:10.5px;font-weight:800}}.advent-demo__wheel-turn{transition:transform 3.2s cubic-bezier(.12,.8,.14,1)}.advent-demo__wheel-rim{fill:none;stroke:var(--wp--preset--color--white);stroke-width:4}.advent-demo__wheel-hub{fill:var(--wp--preset--color--white);stroke:var(--advent-demo-ink);stroke-width:3}.advent-demo__wheel-pointer{left:50%;position:absolute;top:-8px;transform:translateX(-50%);path{fill:var(--advent-demo-ink)}}.advent-demo__video{align-items:center;aspect-ratio:16/9;background:radial-gradient(120% 90% at 50% 110%,color-mix(in srgb,var(--wp--preset--color--royalblue) 30%,#0b1f3d),#081326);border-radius:16px;display:flex;justify-content:center;overflow:hidden;position:relative;.advent-cal__bauble{opacity:.9}}.advent-demo__play{align-items:center;background:var(--wp--preset--color--white);border:0;border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.4);color:var(--advent-demo-ink);cursor:pointer;display:flex;height:64px;justify-content:center;padding:0;position:relative;width:64px;z-index:2;&.is-done{opacity:.35}}.advent-demo__caption{bottom:12px;color:var(--wp--preset--color--white);font-size:.8125rem;font-weight:700;left:14px;position:absolute;z-index:2;.advent-demo__result{display:none}}.advent-demo__day--video.is-done .advent-demo__caption{.advent-demo__code{display:none}.advent-demo__result{display:inline}}.advent-demo__input{align-items:center;background:var(--wp--preset--color--white);border:1px solid var(--advent-demo-line);border-radius:12px;box-sizing:border-box;color:var(--advent-demo-ink);display:flex;font-family:inherit;font-size:.90625rem;font-weight:500;height:46px;padding:0 14px;width:100%}span.advent-demo__input{color:var(--wp--preset--color--slateblue)}.advent-demo__check{align-items:flex-start;color:var(--advent-demo-muted);display:flex;font-size:.8125rem;gap:10px;line-height:1.45;.advent-demo__box,input{accent-color:var(--advent-demo-accent);flex-shrink:0;margin:3px 0 0}.advent-demo__box{border:1px solid var(--wp--preset--color--slateblue);border-radius:3px;box-sizing:border-box;height:13px;width:13px}}.advent-demo__empty,.advent-demo__lock{align-items:center;color:var(--advent-demo-muted);display:flex;flex-direction:column;gap:12px;margin:auto;text-align:center;h3{color:var(--advent-demo-title);font-size:1.375rem;font-weight:700;line-height:1.25}p{font-size:.90625rem;line-height:1.6}.advent-demo__button{align-self:center}}.advent-demo__screen.advent-demo__empty{flex:0 1 auto}.advent-demo__emoji{font-size:44px;line-height:1}.advent-demo__lock-icon{align-items:center;background:var(--advent-demo-paper);border-radius:22px;display:flex;font-size:34px;height:72px;justify-content:center;width:72px}@media (max-width:959px){.advent-demo__grid{gap:36px;grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.advent-demo__panel{min-height:400px;padding:22px}.advent-demo__pill{font-size:.8125rem!important;height:40px}.advent-demo__arrow{display:none}}