.trigram-container{align-items:center}.trigram-container,.trigram-lines{display:flex;flex-direction:column}.trigram-lines{justify-content:center;margin-right:10px}.trigram{margin-bottom:10px;justify-content:center;text-align:center}.meaning{font-weight:700;text-align:center}.yang-line{border-top:8px solid hsl(var(--foreground))}.yang-line,.yin-line{animation:drawLine 1s ease-in-out}.yin-line{display:flex;justify-content:space-between}.yang-line,.yin-line{width:100px;max-width:100%;margin:4px 0}.yin-part{border-top:8px solid hsl(var(--foreground));width:45%}.hexagram>*{margin-bottom:10px}.hexagram>:last-child{margin-bottom:0}.hexagram-container{width:100%;display:flex;justify-content:center}.hexagram{font-size:24px;text-align:center;width:100%;max-width:600px;box-sizing:border-box}.hexagram,.trigram{display:flex;flex-direction:column}.trigram{align-items:center;gap:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseHexagram{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes drawLine{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.animate-drawLine{animation:drawLine .5s ease-out forwards;transform-box:fill-box;will-change:transform}