.hz-dk{
  --dk-sab:env(safe-area-inset-bottom,0px);
  --dk-hdh:60px;
  --dk-bg:#1E6A9C; --dk-bg-lo:#1B6090;
  --dk-ink:#FFFFFF; --dk-sub:rgba(255,255,255,.78); --dk-mute:rgba(255,255,255,.62);
  --dk-cream:#F2EBDD;                                  
  --dk-rail:rgba(242,235,221,.28);
  --dk-gold:#E2D2B6; --dk-hair:rgba(255,255,255,.16); --dk-tint:rgba(255,255,255,.12); --dk-focus:#FFFFFF;
  --dk-ochre:#C9452B;                                  
  --dk-sh:0 -14px 34px -16px rgba(16,44,66,.55);
  --dk-top-h:68px; --dk-low-h:52px;
  --dk-sn-h:44px; --dk-sn-off:7px; --dk-sn-hw:5; --dk-sn-sw:2.4; --dk-sn-amp:3.4; --dk-sn-lam:30; --dk-sn-head:40; --dk-sn-tail:56;   
  --dk-mu-h:36px;
  --dk-pn:rgba(255,255,255,.94); --dk-pn-solid:#FFFFFF; --dk-pink:#2C2825; --dk-psub:var(--sub-glass, #645E58); --dk-pmute:#8A8078;   
  --dk-pgold:var(--maple-t, #7B664B); --dk-pgold-ln:var(--maple-line, #C4A77D); --dk-pmove:#3A95CC; --dk-pmove-t:#1E6A9C; --dk-phair:rgba(44,40,37,.1); --dk-ptint:rgba(58,149,204,.08); --dk-pfocus:#1E6A9C;
  --dk-psh:0 -24px 60px -24px rgba(16,44,66,.45), 0 -1px 0 rgba(255,255,255,.6);
  position:fixed; z-index:150; left:0; right:0; bottom:0; margin:0; padding:0; border:0;
  transform:translateY(calc(100% + 30px)); transition:transform .52s cubic-bezier(.22,1,.36,1);
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif; -webkit-font-smoothing:antialiased;
  font-size:16px; font-weight:400; font-style:normal; line-height:1.2; letter-spacing:0; text-transform:none; text-align:left; word-break:keep-all; color:var(--dk-ink);
}
.hz-dk--dark{
  --dk-bg:#17557F; --dk-bg-lo:#144B71;
  --dk-sh:0 -14px 34px -16px rgba(0,0,0,.8);
  --dk-pn:rgba(var(--iron-rgb, 36,33,30),.95); --dk-pn-solid:rgb(var(--iron-rgb, 36,33,30)); --dk-pink:#F5EFE6; --dk-psub:rgba(245,240,232,.7); --dk-pmute:rgba(245,240,232,.5);
  --dk-pgold:var(--maple-dk, #C4A77D); --dk-pgold-ln:var(--maple-dk, #C4A77D); --dk-pmove:#60B5E6; --dk-pmove-t:#60B5E6; --dk-phair:rgba(255,255,255,.1); --dk-ptint:rgba(96,181,230,.1); --dk-pfocus:#60B5E6;
  --dk-psh:0 -24px 60px -24px rgba(0,0,0,.8), 0 -1px 0 rgba(255,255,255,.08);
}
.hz-dk[hidden]{ display:none !important; }
.hz-dk.is-on{ transform:none; }
.hz-dk.is-drawer{ visibility:hidden !important; transition:none !important; }
.hz-dk, .hz-dk *, .hz-dk *::before, .hz-dk *::after{ box-sizing:border-box; }
.hz-dk :is(div,p,span,ol,ul,li,nav,section,h3,small,b,i,em){ margin:0; padding:0; border:0; list-style:none; font:inherit; color:inherit; letter-spacing:inherit; text-transform:none; text-align:inherit; }
.hz-dk :is(a,button){ font:inherit; color:inherit; background:none; border:0; border-radius:0; margin:0; padding:0; cursor:pointer; text-decoration:none; text-transform:none; letter-spacing:inherit; box-shadow:none; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.hz-dk :is(a,button):focus{ outline:none; }
.hz-dk :is(a,button):focus-visible{ outline:2px solid var(--dk-focus); outline-offset:3px; }
.hz-dk .hz-dk-pn :is(a,button):focus-visible{ outline-color:var(--dk-pfocus); }
.hz-dk svg{ display:block; flex:none; }
.hz-dk [hidden]{ display:none !important; }
.hz-dk .hz-dk-ic{ width:22px; height:22px; }
.hz-dk .hz-dk-sr{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0; }


.hz-dk .hz-dk-bar{ position:relative; z-index:2; display:block; background:var(--dk-bg); box-shadow:var(--dk-sh); padding-bottom:var(--dk-sab); }
.hz-dk .hz-dk-bar::before{ content:''; position:absolute; left:0; right:0; bottom:0; height:calc(var(--dk-low-h) + var(--dk-sab)); background:var(--dk-bg-lo); box-shadow:inset 0 1px 0 var(--dk-hair); }   
.hz-dk .hz-dk-rest{ position:relative; }
.hz-dk .hz-dk-in{ max-width:1280px; margin:0 auto; padding:0 40px; }
.hz-dk .hz-dk-rows{ display:grid; grid-template-rows:var(--dk-top-h) var(--dk-low-h); align-items:center; column-gap:24px; }


.hz-dk .hz-dk-snh{ position:absolute; left:0; right:0; top:calc(var(--dk-sn-h) / -2 + var(--dk-sn-off)); height:var(--dk-sn-h); pointer-events:none; }
.hz-dk .hz-dk-sn-bk{ fill:var(--dk-bg); }   
.hz-dk .hz-dk-sn{ display:block; width:100%; height:100%; overflow:visible; }
.hz-dk .hz-dk-sn-rail{ stroke:var(--dk-rail); stroke-width:2; }
.hz-dk .hz-dk-sn-b{ fill:none; stroke:var(--dk-cream); stroke-linecap:round; stroke-linejoin:round; }
.hz-dk .hz-dk-sn-stripe{ fill:none; stroke:var(--dk-ochre); stroke-linecap:butt; stroke-dasharray:8 14; }
.hz-dk .hz-dk-sn-h image{ image-rendering:auto; }
.hz-dk .hz-dk-sk-hat{ fill:var(--dk-ochre); stroke:var(--dk-bg); stroke-width:4; stroke-linejoin:round; paint-order:stroke; }
.hz-dk .hz-dk-sk-brim{ fill:none; stroke:var(--dk-cream); stroke-width:11; stroke-linecap:round; }
.hz-dk .hz-dk-sk-pom{ fill:var(--dk-cream); stroke:var(--dk-bg); stroke-width:3; }
.hz-dk .hz-dk-sk-snow{ fill:var(--dk-cream); opacity:.55; }


.hz-dk .hz-dk-tg{ display:inline-flex; align-items:center; gap:14px; max-width:100%; min-height:52px; padding:0 18px; color:var(--dk-ink); transition:background-color .18s ease, transform .12s ease; }
.hz-dk .hz-dk-tg:hover, .hz-dk .hz-dk-tg[aria-expanded="true"]{ background:var(--dk-tint); }
.hz-dk .hz-dk-tg:active{ transform:scale(.985); }
.hz-dk .hz-dk-tt{ position:relative; display:block; font-size:28px; font-weight:800; letter-spacing:-.025em; line-height:1; white-space:nowrap; color:var(--dk-cream); }
.hz-dk .hz-dk-mu{ display:block; height:var(--dk-mu-h); width:auto; aspect-ratio:1000 / 140; }
.hz-dk .hz-dk-car{ width:18px; height:18px; color:var(--dk-cream); transition:transform .26s cubic-bezier(.22,1,.36,1); }
.hz-dk .hz-dk-tg[aria-expanded="true"] .hz-dk-car{ transform:rotate(180deg); }


.hz-dk .hz-dk-nx{ display:flex; align-items:center; min-width:0; }
.hz-dk .hz-dk-nxa{ display:inline-flex; align-items:center; gap:12px; max-width:100%; min-width:0; min-height:44px; padding:0 14px; color:var(--dk-ink); transition:background-color .18s ease; }
.hz-dk a.hz-dk-nxa:hover{ background:var(--dk-tint); }
.hz-dk a.hz-dk-nxa:active{ transform:scale(.985); }
.hz-dk .hz-dk-nxl{ flex:none; font-size:12.5px; font-weight:800; letter-spacing:.08em; color:var(--dk-gold); white-space:nowrap; }
.hz-dk .hz-dk-nxd{ flex:none; font-family:'Cinzel','Pretendard',serif; font-size:21px; font-weight:700; letter-spacing:-.02em; line-height:1; color:var(--dk-ink); white-space:nowrap; }
.hz-dk .hz-dk-nxw{ flex:none; font-size:13.5px; font-weight:600; color:var(--dk-sub); white-space:nowrap; }
.hz-dk .hz-dk-nxt{ flex:0 1 auto; min-width:0; font-size:17px; font-weight:700; letter-spacing:-.01em; color:var(--dk-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:5px; transition:text-decoration-color .18s ease; }
.hz-dk a.hz-dk-nxa:hover .hz-dk-nxt{ text-decoration-color:var(--dk-cream); }
.hz-dk .hz-dk-nx.is-wait .hz-dk-nxt, .hz-dk .hz-dk-nx.is-none .hz-dk-nxt{ font-weight:500; color:var(--dk-mute); }
.hz-dk .hz-dk-nxa .hz-dk-ea{ width:18px; height:18px; color:var(--dk-cream); }


.hz-dk .hz-dk-links{ display:flex; align-items:center; justify-content:center; gap:4px; max-width:100%; min-width:0; }
.hz-dk .hz-dk-lk{ position:relative; display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:0 18px; font-size:17px; font-weight:700; letter-spacing:-.005em; color:var(--dk-ink); white-space:nowrap; }
.hz-dk .hz-dk-lk .hz-dk-lt{ text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:6px; transition:text-decoration-color .18s ease; }
.hz-dk .hz-dk-lk:hover .hz-dk-lt{ text-decoration-color:var(--dk-cream); }
.hz-dk .hz-dk-lk:active{ transform:scale(.98); }
.hz-dk .hz-dk-sep{ display:block; width:6px; height:6px; transform:rotate(45deg); background:var(--dk-gold); flex:none; margin:0 6px; }
.hz-dk .hz-dk-icons{ display:flex; align-items:center; gap:4px; }
.hz-dk .hz-dk-ik{ display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; color:var(--dk-ink); transition:background-color .18s ease; }
.hz-dk .hz-dk-ik .hz-dk-ic{ width:24px; height:24px; }
.hz-dk .hz-dk-ik:hover{ background:var(--dk-tint); }
.hz-dk .hz-dk-ik:active{ transform:scale(.96); }


.hz-dk .hz-dk-pn{ position:absolute; z-index:1; left:50%; bottom:100%; width:min(880px, 100%); max-height:min(62vh, var(--dk-avail, 62vh)); display:flex; flex-direction:column;
  background:var(--dk-pn); color:var(--dk-pink); box-shadow:var(--dk-psh); border-top:4px solid var(--dk-bg);
  transform:translate(-50%, 12px); opacity:0; visibility:hidden; pointer-events:none;
  transition:transform .3s cubic-bezier(.22,1,.36,1), opacity .22s ease, visibility 0s .3s; overscroll-behavior:contain; }
.hz-dk.is-open .hz-dk-pn{ transform:translate(-50%, 0); opacity:1; visibility:visible; pointer-events:auto; transition:transform .34s cubic-bezier(.22,1,.36,1), opacity .2s ease, visibility 0s; }
.hz-dk.is-open .hz-dk-snh{ opacity:0; transition:opacity .2s ease; }   
.hz-dk .hz-dk-snh{ transition:opacity .25s ease .1s; }
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){ .hz-dk .hz-dk-pn{ -webkit-backdrop-filter:blur(18px) saturate(1.3); backdrop-filter:blur(18px) saturate(1.3); } }
@media (prefers-reduced-transparency:reduce){ .hz-dk .hz-dk-pn{ background:var(--dk-pn-solid); -webkit-backdrop-filter:none; backdrop-filter:none; } }
.hz-dk .hz-dk-ph{ display:flex; align-items:center; gap:12px; padding:18px 14px 12px 28px; }
.hz-dk .hz-dk-pt{ flex:1; font-size:20px; font-weight:800; letter-spacing:-.02em; color:var(--dk-pink); }
.hz-dk .hz-dk-x{ display:flex; align-items:center; justify-content:center; flex:none; width:44px; height:44px; color:var(--dk-pmove); transition:background-color .15s ease; }
.hz-dk .hz-dk-x:hover{ background:var(--dk-ptint); }
.hz-dk .hz-dk-ps{ flex:1 1 auto; min-height:0; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:0 28px 24px; }
.hz-dk .hz-dk-note{ margin:0 0 14px; font-size:13px; font-weight:500; color:var(--dk-pmute); }
.hz-dk .hz-dk-c0{ padding:36px 0; text-align:center; font-size:14px; color:var(--dk-pmute); }
.hz-dk .hz-dk-empty{ display:flex; flex-direction:column; align-items:center; gap:12px; padding:34px 16px 30px; text-align:center; color:var(--dk-psub); font-size:15px; font-weight:600; }
.hz-dk .hz-dk-empty .hz-dk-ic{ width:30px; height:30px; color:var(--dk-pgold-ln); }
.hz-dk .hz-dk-grp + .hz-dk-grp{ margin-top:22px; padding-top:18px; border-top:1px solid var(--dk-phair); }
.hz-dk .hz-dk-gh{ display:flex; align-items:baseline; gap:10px; margin:0 0 6px; font-size:15px; font-weight:800; letter-spacing:-.01em; color:var(--dk-pink); }
.hz-dk .hz-dk-gd{ font-size:12.5px; font-weight:500; color:var(--dk-pmove-t); }
.hz-dk .hz-dk-gd:hover{ text-decoration:underline; }
.hz-dk .hz-dk-mo{ margin:14px 0 6px; padding-left:10px; border-left:3px solid var(--dk-pgold-ln); font-size:13px; font-weight:700; line-height:1.1; color:var(--dk-pgold); }
.hz-dk .hz-dk-ev{ display:grid; grid-template-columns:minmax(72px, auto) minmax(0, 1fr) auto; align-items:center; gap:0 16px; min-height:56px; padding:9px 10px 9px 12px; margin:0 -12px; color:var(--dk-pink); transition:background-color .15s ease; }
.hz-dk a.hz-dk-ev:hover{ background:var(--dk-ptint); }
.hz-dk .hz-dk-ed{ font-family:'Cinzel','Pretendard',serif; font-size:16px; font-weight:700; letter-spacing:-.01em; line-height:1.15; color:var(--dk-pmove-t); white-space:nowrap; }
.hz-dk .hz-dk-eb{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.hz-dk .hz-dk-en{ font-size:16px; font-weight:700; letter-spacing:-.01em; line-height:1.3; color:var(--dk-pink); }
.hz-dk .hz-dk-es{ font-size:12.5px; font-weight:500; line-height:1.3; color:var(--dk-psub); }
.hz-dk .hz-dk-tag{ display:inline-block; margin-right:6px; padding:1px 6px; border:1px solid var(--dk-pgold-ln); font-size:11px; font-weight:700; color:var(--dk-pgold); }
.hz-dk .hz-dk-ea{ width:20px; height:20px; color:var(--dk-pmove); }
.hz-dk-spacer{ display:block; width:100%; height:0; margin:0; padding:0; border:0; pointer-events:none; }


@media (max-width:1023px){
  .hz-dk{ --dk-top-h:60px; --dk-low-h:50px; --dk-mu-h:30px; --dk-sn-h:36px; --dk-sn-off:6px; --dk-sn-hw:4.5; --dk-sn-amp:3; --dk-sn-head:34; }
  .hz-dk .hz-dk-in{ padding:0 24px; }
  .hz-dk .hz-dk-rows{ column-gap:14px; }
  .hz-dk .hz-dk-tg{ padding:0 12px; gap:10px; }
  .hz-dk .hz-dk-nxd{ font-size:18px; }
  .hz-dk .hz-dk-nxt{ font-size:15.5px; }
  .hz-dk .hz-dk-lk{ font-size:16px; padding:0 14px; }
}

@media (max-width:639px){
  .hz-dk{ --dk-top-h:44px; --dk-low-h:44px; --dk-mu-h:21px; --dk-sn-h:28px; --dk-sn-off:4px; --dk-sn-hw:3.4; --dk-sn-sw:2; --dk-sn-amp:2.2; --dk-sn-lam:22; --dk-sn-head:26; --dk-sn-tail:36; }
  .hz-dk .hz-dk-in{ padding:0 12px; }
  .hz-dk .hz-dk-rows{ column-gap:8px; }
  .hz-dk .hz-dk-tg{ gap:9px; min-height:44px; margin-left:-8px; padding:0 8px; }
  .hz-dk .hz-dk-tt{ font-size:17px; letter-spacing:-.02em; }
  .hz-dk .hz-dk-car{ width:13px; height:13px; }
  .hz-dk .hz-dk-ic{ width:18px; height:18px; }
  .hz-dk .hz-dk-nxa{ gap:7px; padding:0 8px; margin:0 -8px; }
  .hz-dk .hz-dk-nxl{ display:none; }
  .hz-dk .hz-dk-nxd{ font-size:14px; }
  .hz-dk .hz-dk-nxw{ display:none; }
  .hz-dk .hz-dk-nxt{ font-size:14px; font-weight:600; text-underline-offset:3px; }
  .hz-dk .hz-dk-nxa .hz-dk-ea{ width:14px; height:14px; }
  .hz-dk .hz-dk-links{ gap:0; }
  .hz-dk .hz-dk-lk{ gap:6px; padding:0 9px; font-size:14.5px; }
  .hz-dk .hz-dk-lk .hz-dk-lt{ text-underline-offset:4px; }
  .hz-dk .hz-dk-sep{ width:5px; height:5px; margin:0 2px; }
  .hz-dk .hz-dk-ik{ width:44px; height:44px; }
  .hz-dk .hz-dk-ik .hz-dk-ic{ width:22px; height:22px; }
  .hz-dk .hz-dk-sk-brim{ stroke-width:13; }
  .hz-dk .hz-dk-pn{ width:100%; max-height:min(66vh, var(--dk-avail, 66vh)); }
  .hz-dk .hz-dk-ph{ padding:14px 8px 8px 18px; }
  .hz-dk .hz-dk-pt{ font-size:17px; }
  .hz-dk .hz-dk-ps{ padding:0 18px 18px; }
  .hz-dk .hz-dk-ev{ grid-template-columns:minmax(56px, auto) minmax(0, 1fr) auto; gap:0 12px; margin:0 -8px; padding:8px 6px 8px 8px; min-height:52px; }
  .hz-dk .hz-dk-ed{ font-size:14px; white-space:normal; }
  .hz-dk .hz-dk-en{ font-size:15px; }
}
@media (max-width:359px){
  .hz-dk{ --dk-mu-h:18px; }
  .hz-dk .hz-dk-tg{ gap:7px; }
  .hz-dk .hz-dk-nxd{ font-size:13px; }
  .hz-dk .hz-dk-nxt{ font-size:13px; }
  .hz-dk .hz-dk-lk{ padding:0 6px; font-size:13.5px; gap:5px; }
}
@media (max-height:520px){
  .hz-dk{ --dk-top-h:48px; --dk-low-h:42px; --dk-mu-h:24px; }
  .hz-dk .hz-dk-pn{ max-height:var(--dk-avail, 60vh); }
}
@media (prefers-reduced-motion:reduce){
  .hz-dk{ transition:opacity .2s ease; opacity:0; transform:none; }
  .hz-dk.is-on{ opacity:1; }
  .hz-dk .hz-dk-pn, .hz-dk.is-open .hz-dk-pn{ transition:opacity .2s ease, visibility 0s; transform:translate(-50%, 0); }
  .hz-dk .hz-dk-snh, .hz-dk.is-open .hz-dk-snh{ transition:none; }
  .hz-dk .hz-dk-car, .hz-dk .hz-dk-tg, .hz-dk .hz-dk-lk, .hz-dk .hz-dk-ik, .hz-dk .hz-dk-nxa, .hz-dk .hz-dk-x, .hz-dk .hz-dk-ev{ transition:none; }
}
@media print{ .hz-dk, .hz-dk-spacer{ display:none !important; } }


.hz-dk{
  --dk-wv-h:14px; --dk-wv-a:5; --dk-wv-lam:170;                      
  --dk-top-h:76px; --dk-low-h:52px;
  --dk-cream:#FFFFFF;                                                 
  --dk-heart:#C9452B;
}
.hz-dk .hz-dk-bar{ background:transparent; box-shadow:none; padding-top:var(--dk-wv-h); }
.hz-dk .hz-dk-bar::after{ content:''; position:absolute; left:0; right:0; top:var(--dk-wv-h); bottom:0; background:var(--dk-bg); z-index:-1; }   
.hz-dk .hz-dk-wvh{ position:absolute; left:0; right:0; top:0; height:var(--dk-wv-h); pointer-events:none; filter:drop-shadow(0 -3px 4px rgba(16,44,66,.22)); }
.hz-dk .hz-dk-wv{ display:block; width:100%; height:100%; overflow:visible; }
.hz-dk .hz-dk-wv-p{ fill:var(--dk-bg); }   
.hz-dk .hz-dk-pn{ bottom:calc(100% - var(--dk-wv-h)); }   
.hz-dk.is-open .hz-dk-wvh{ filter:none; }

.hz-dk .hz-dk-tt{ font-size:30px; letter-spacing:-.03em; color:var(--dk-cream); }

.hz-dk .hz-dk-rows{ grid-template-columns:auto minmax(0, 1fr); grid-template-areas:"trig nx" "links links"; }
.hz-dk .hz-dk-tg{ grid-area:trig; margin-left:-18px; }
.hz-dk .hz-dk-nx{ grid-area:nx; justify-content:flex-end; }
.hz-dk .hz-dk-nxa{ margin-right:-14px; min-height:40px; }   
.hz-dk .hz-dk-links{ grid-area:links; }
.hz-dk .hz-dk-icons{ display:none; }
@media (max-width:1023px){
  .hz-dk{ --dk-wv-h:12px; --dk-wv-a:4.5; --dk-wv-lam:140; --dk-top-h:62px; --dk-low-h:48px; }
  .hz-dk .hz-dk-tt{ font-size:24px; }
}

@media (max-width:639px){
  .hz-dk{ --dk-wv-h:7px; --dk-wv-a:2.4; --dk-wv-lam:100; --dk-top-h:50px; --dk-low-h:34px; }
  .hz-dk .hz-dk-tt{ font-size:18px; letter-spacing:-.025em; }
  .hz-dk .hz-dk-rows{ grid-template-columns:auto minmax(0, 1fr) auto; grid-template-areas:"trig sp icons" "nx nx nx"; }
  .hz-dk .hz-dk-tg{ margin-left:-8px; }
  .hz-dk .hz-dk-nx{ justify-content:flex-start; }
  .hz-dk .hz-dk-nxa{ margin-right:0; min-height:44px; }
  .hz-dk a.hz-dk-nxa:focus-visible{ outline-offset:-6px; }   
  .hz-dk .hz-dk-links{ display:none; }
  .hz-dk .hz-dk-icons{ display:flex; grid-area:icons; margin-right:-10px; align-self:end; }
  .hz-dk .hz-dk-ik{ position:relative; height:36px; align-self:end; margin-bottom:2px; }   
  .hz-dk .hz-dk-ik::before{ content:''; position:absolute; left:0; right:0; top:-8px; bottom:0; }
}
@media (max-width:359px){
  .hz-dk .hz-dk-tt{ font-size:16px; }
}
@media (max-height:520px){
  .hz-dk{ --dk-top-h:48px; --dk-low-h:40px; }
}
@media (prefers-reduced-motion:reduce){
  .hz-dk .hz-dk-wvh{ filter:none; }
}


.hz-dk{
  --dk-kb-r:24px;        
  --dk-kb-h:100px;       
}
.hz-dk .hz-dk-kbh{ position:absolute; left:0; right:0; top:calc(var(--dk-wv-h) - var(--dk-kb-h)); height:var(--dk-kb-h); pointer-events:none; overflow:visible; }
.hz-dk .hz-dk-kb{ position:absolute; left:0; top:0; will-change:transform; }
.hz-dk .hz-dk-kb img{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; margin:0; padding:0; border:0; max-width:none; }   
.hz-dk .hz-dk-kb-sk{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:visible; }
.hz-dk .hz-dk-sk-hat{ fill:var(--dk-heart); stroke:var(--dk-bg); stroke-width:8; stroke-linejoin:round; paint-order:stroke; }   
.hz-dk .hz-dk-sk-brim{ fill:none; stroke:var(--dk-cream); stroke-width:12; stroke-linecap:round; }
.hz-dk .hz-dk-sk-pom{ fill:var(--dk-cream); stroke:var(--dk-bg); stroke-width:6; }
.hz-dk.is-open .hz-dk-kbh{ opacity:0; transition:opacity .2s ease; }
.hz-dk .hz-dk-kbh{ transition:opacity .25s ease .1s; }
@media (min-width:1024px){
  .hz-dk{ --dk-top-h:70px; }   
}
@media (max-width:1023px){
  .hz-dk{ --dk-kb-r:20px; --dk-kb-h:88px; }
}
@media (max-width:639px){
  .hz-dk{ --dk-kb-r:13px; --dk-kb-h:60px; }
}
@media (prefers-reduced-motion:reduce){
  .hz-dk .hz-dk-kbh, .hz-dk.is-open .hz-dk-kbh{ transition:none; }
}