.typography-options-container{position:fixed;left:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.75rem}.typography-option-btn{border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:14px;color:#999;padding:4px;position:relative}.typography-option-btn{border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:14px;color:#999;padding:4px;position:relative;margin-bottom:.5rem}.typography-option-btn .option-dot{position:absolute;left:0;opacity:0;transition:all .3s cubic-bezier(.23,1,.32,1)}.typography-option-btn .option-symbol{margin-left:4px;transition:all .3s cubic-bezier(.23,1,.32,1)}.typography-option-btn .option-text{transition:all .3s cubic-bezier(.23,1,.32,1)}.typography-option-btn:hover{color:var(--primary-color)}.typography-option-btn:hover .option-dot{opacity:1}.typography-option-btn:hover .option-symbol,.typography-option-btn:hover .option-text{transform:translate(12px)}.typography-option-btn.active{color:var(--primary-color)}.typography-option-btn.active .option-dot{opacity:1}.typography-option-btn.active .option-symbol,.typography-option-btn.active .option-text{transform:translate(12px)}