#sec-date { --sd-safe-bottom: env(safe-area-inset-bottom, 0px); position: relative; width: 100%; height: 100%; overflow: hidden; background: #EAE2CD repeat; background-size: 340px; color: #393b2b; isolation: isolate; }
#sec-date .sd-art { position: absolute; inset: 0; display: block; width: 100%; height: 100%; opacity: 0; }
#sec-date .sd-calendar { position: absolute; left: 50%; width: 454px; height: 384px; transform: translateX(-50%) scale(var(--sd-calendar-scale, .5)); transform-origin: 50% 0; text-align: center; font-family: "WenKai", "NSerif", serif; font-weight: 400; opacity: 0; }
#sec-date .sd-calendar[hidden], #sec-date .sd-after[hidden], #sec-date .sd-before[hidden], #sec-date .sd-error[hidden] { display: none; }
#sec-date .sd-heading { margin: 0 0 10px; font: inherit; font-size: 38px; line-height: 48px; letter-spacing: 3px; }
#sec-date .sd-week, #sec-date .sd-days { display: grid; grid-template-columns: repeat(7, 1fr); width: 420px; margin: 0 auto; }
#sec-date .sd-week { font-size: 25px; line-height: 34px; color: #71705b; }
#sec-date .sd-days { font-size: 28px; line-height: 42px; font-variant-numeric: tabular-nums; }
#sec-date .sd-days > span { display: block; position: relative; height: 42px; }
#sec-date .sd-wedding { color: #763d33; }
#sec-date .sd-number { display: inline-block; font-size: 26px; }
#sec-date .sd-circle { position: absolute; left: 0; top: -3px; width: 60px; height: 48px; overflow: visible; fill: none; stroke: #ab4439; stroke-linecap: round; stroke-linejoin: round; transform: rotate(-7deg); }
#sec-date .sd-stroke { stroke-width: 2.7; stroke-dasharray: 170; stroke-dashoffset: var(--sd-circle-offset, 170); }
#sec-date .sd-dry { stroke-width: .7; opacity: var(--sd-circle-alpha, 0); }
#sec-date .sd-date { margin: 12px 0 0; font-size: 26px; line-height: 34px; letter-spacing: .7px; }
#sec-date .sd-countdown { margin: 6px -10px 0; font-size: 23px; line-height: 30px; color: #65634e; white-space: nowrap; }
#sec-date .sd-timer { font-variant-numeric: tabular-nums; }
#sec-date .sd-error { position: absolute; top: 46%; left: 10%; width: 80%; text-align: center; font-family: "WenKai", "NSerif", serif; font-size: 14px; }
#sec-date.sd-compact .sd-calendar { height: 316px; }
#sec-date.sd-compact .sd-heading { line-height: 42px; margin-bottom: 4px; }
#sec-date.sd-compact .sd-week { line-height: 30px; }
#sec-date.sd-compact .sd-days { line-height: 34px; }
#sec-date.sd-compact .sd-days > span { height: 34px; }
#sec-date.sd-compact .sd-circle { height: 40px; }
#sec-date.sd-compact .sd-date { margin-top: 8px; line-height: 30px; }
#sec-date.sd-compact .sd-countdown { margin-top: 4px; line-height: 28px; }