.cyn{max-width:1480px;margin:0 auto clamp(48px,6vw,80px);padding:clamp(8px,2vw,24px) 4vw 0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:clamp(24px,4vw,56px);align-items:center}@media(max-width:900px){.cyn{grid-template-columns:1fr;gap:clamp(24px,6vw,40px)}}.cyn__wheel-inner{position:relative;width:100%;max-width:640px;margin:0 auto;aspect-ratio:1 / 1}.cyn__wheel-img{display:block;width:100%;height:auto}.cyn__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cyn__spot{cursor:pointer;outline:none}.cyn__spot path{fill:transparent;stroke:transparent;transition:fill .15s ease,stroke .15s ease}.cyn__spot:hover path,.cyn__spot:focus-visible path{fill:#b8893d4d;stroke:#6b4a2b8c;stroke-width:2}@media(hover:none){.cyn__spot:hover path{fill:transparent;stroke:transparent}}.cyn--cal .cyn__spot path{fill:#b8893d29;stroke:#6b4a2ba6;stroke-width:1.5}.cyn--cal .cyn__spot:nth-of-type(2n) path{fill:#3b6ea529;stroke:#1e3c6499}.cyn__deg{display:none}.cyn--cal .cyn__deg{display:block}.cyn__tick{stroke:#1a18168c;stroke-width:1.2}.cyn__tick--maj{stroke:#a02828d9;stroke-width:2.4}.cyn__deg-label{fill:#a02828;font-family:system-ui,sans-serif;font-size:30px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.cyn__readout{margin:0 0 12px;text-align:center;font-size:15px;color:#6b4a2b;letter-spacing:.02em}.cyn__readout strong{font-size:22px;color:#a02828}.cyn__picker-label{font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#6b4a2b;margin:0 0 clamp(12px,1.6vw,18px)}.cyn__cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:460px){.cyn__cats{grid-template-columns:1fr}}.cyn__cat{list-style:none;margin:0}.cyn__cat a{display:flex;align-items:center;gap:12px;padding:11px 14px;min-height:48px;box-sizing:border-box;text-decoration:none;color:#1a1816;background:#faf6ef;border:1px solid rgba(26,24,22,.1);border-radius:10px;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.cyn__cat a:hover,.cyn__cat a:focus-visible{background:#f3ecdd;border-color:#b8893d80;transform:translateY(-1px);outline:none}.cyn__swatch{flex:0 0 auto;width:16px;height:16px;border-radius:50%;border:1px solid rgba(26,24,22,.25);box-shadow:inset 0 0 0 1px #fff6}.cyn__cat-name{font-family:Cormorant Garamond,EB Garamond,Garamond,Georgia,serif;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.15}.cyn__divider{height:1px;background:#1a181624;margin:clamp(18px,2.4vw,26px) 0 clamp(12px,1.6vw,18px)}.cyn__cats--other .cyn__swatch{border-radius:3px}.cyn__swatch--palette{background:linear-gradient(135deg,#5b2a6b,#3b6ea5 22%,#f4efe4,#c8a13a 58%,#c0392b 78%,#4a7c3f)}.cyn__swatch--sets{background:conic-gradient(#5b2a6b 0deg 90deg,#4a7c3f 90deg 180deg,#c8a13a 180deg 270deg,#c0392b 270deg 360deg)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/church-year-nav.css.map */