.jCountdown{--title-margin:0 0 1.5rem;--title-font-size:1.5rem;--svg-width:auto;--svg-height:auto;--svg-margin:0 2px;--clock-gap:6px;--clock-margin:0 0 3.75rem;--box-width:120px;--box-height:160px;--box-gap:.25rem;--box-padding:1.625rem 0 0 .125rem;--box-font-size:72px;--box-line-height:normal;--desc-font-size:24px;place-content:center;display:grid}@container jigsawItem (width<=186px) and (height=298px){.jCountdown{--title-margin:1rem 0;--title-font-size:14px;--svg-width:9px;--svg-height:12px;--svg-margin:0 2px -1px;--clock-gap:2px;--box-width:48px;--box-height:64px;--box-padding:.4375rem 0 0 .125rem;--box-font-size:28px;--box-line-height:.5;--desc-font-size:10px}}@container jigsawItem (width<=272px) and (height=348px){.jCountdown{--title-margin:2rem 0 1rem;--title-font-size:11px;--svg-width:9px;--svg-height:12px;--svg-margin:0 1px -1px;--clock-gap:2px;--box-width:39px;--box-height:52px;--box-gap:.25rem;--box-padding:.5rem 0 0 .125rem;--box-font-size:24px;--box-line-height:.5;--desc-font-size:10px}}@container jigsawItem (width>186px) and (height=298px){.jCountdown{--title-margin:1.125rem 0;--title-font-size:16px;--svg-margin:0 2px -2px;--box-width:72px;--box-height:96px;--box-gap:.125rem;--box-padding:1rem 0 0 .125rem;--box-font-size:42px;--desc-font-size:14px}}@container jigsawItem (width<=400px) and (height=466px){.jCountdown{--title-margin:1rem 0;--title-font-size:16px;--svg-margin:0 2px -2px;--box-width:72px;--box-height:96px;--box-gap:.125rem;--box-padding:1rem 0 0 .125rem;--box-font-size:42px;--desc-font-size:14px}}@container jigsawItem (width>298px) and (height=298px){.jCountdown{--box-width:90px;--box-height:120px;--box-gap:.875rem;--box-padding:.875rem 0 0 .125rem;--box-font-size:54px;--box-line-height:.5;--desc-font-size:18px}}@container jigsawItem (height=265px) or (height=604px){.jCountdown{--title-margin:-.5rem 0 1rem;--title-font-size:1rem;--svg-margin:0 2px -1px;--clock-gap:2px;--clock-margin:0;--box-width:90px;--box-height:120px;--box-gap:.875rem;--box-padding:.875rem 0 0 .125rem;--box-font-size:54px;--box-line-height:.5;--desc-font-size:18px}}@container jigsawItem (height=130px){.jCountdown{--title-margin:0 0 .375rem;--title-font-size:.875rem;--svg-width:9px;--svg-height:12px;--svg-margin:0 2px -1px;--clock-gap:2px;--clock-margin:0;--box-width:60px;--box-height:80px;--box-gap:.4375rem;--box-padding:.4375rem 0 0 .125rem;--box-font-size:36px;--box-line-height:.5;--desc-font-size:.75rem}}@container jigsawItem (width>=600px) and (height>=466px){.jigsawItem[style*="12;"] .jCountdown{--box-width:166px;--box-height:220px;--box-gap:1.375rem;--box-font-size:99px;--box-line-height:.5;--desc-font-size:33px}}.jCountdown__title{font-size:var(--title-font-size);margin:var(--title-margin)}.jCountdown__title svg{width:var(--svg-width);height:var(--svg-height);margin:var(--svg-margin)}.jCountdown__clock{gap:var(--clock-gap);margin:var(--clock-margin);display:flex}.jCountdown__box{align-content:center;gap:var(--box-gap);padding:var(--box-padding);width:var(--box-width);height:var(--box-height);font-size:var(--box-font-size);line-height:var(--box-line-height);background:linear-gradient(#d00 49.51%,#700 49.52%,#d00 100%);border-radius:8px;display:grid}.jCountdown__box .desc{font-size:var(--desc-font-size)}