.trigram-container{flex-direction:column;align-items:center;display:flex}.trigram-lines{flex-direction:column;justify-content:center;margin-right:10px;display:flex}.trigram{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.meaning{text-align:center;font-weight:700}.yang-line{border-top:8px solid hsl(var(--foreground));animation:1s ease-in-out drawLine}.yin-line{justify-content:space-between;animation:1s ease-in-out drawLine;display:flex}.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{justify-content:center;width:100%;display:flex}.hexagram{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:600px;font-size:24px;display:flex}.trigram{flex-direction:column;align-items:center;gap:10px;display:flex}@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%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.animate-drawLine{transform-box:fill-box;will-change:transform;animation:.5s ease-out forwards drawLine}